Table Of Contents

WC-Mini Cart widget

How to Use WC-Mini Cart Widget

Do you know about Cart? In this documentation, I’m going to show how you can use the WC-Mini Cart widget. Also, I’ll tell you what is its work.

So, let’s start the doc.

To Insert Widget

Inserting widget, it is just a matter of dragging and dropping. As you see in the screenshot above.

inserting WC-Mini Cart widget

Content Tab

Using the Content Tab, you’ll be able to make a layout of a particular part of a website. And in this regard, some handy sections in the tab will assist you a lot.

Now, I’m going to show the sections of the tab and how they work behind the widget.

Mini Cart

What is the actual work of WC-Mini Cart widget? This widget allows you to show how many products have been added to Cart. and also the total price of the products being added to Cart.

For example, you want to add the watch titled Scout Brook in Steel to Cart. Just, hit on the Add To Cart button. As you see in the image below and follow the arrows.

wc mini cart widget 2 - BdThemes

From this section, you can manage the price amount, cart icon, and badge using the Yes/No switcher buttons. In addition, you can adjust the alignment and icon position. In case, you want to change the cart icon(such as Cart Medium, Bag light, etc.), you can do that just from the Icon control. Look at the image example below.

wc mini cart widget 3 - BdThemes


wc mini cart widget 4 1 - BdThemes

Go to the Content tab > Offcanvas > and check all the controls > hit the Mini Cart to open Offcanvas.

Mainly, using this section, you can make the layout of the Offcanvas where you’ll be able to show your Cart.

Mostly, this section will let you add Cart Title and select Animations. You can also adjust the Width of the Offcanvas.

Another thing is you can manage Offcanvas just using the switcher buttons as for example Flip, Close Button, Overlay, etc for the WC-Mini Cart widget. Keep your eyes on the image above.

Custom Content Before and After

wc mini cart widget 5 - BdThemes

Simply, go to the Content tab > Offcanvas > then, activate Custom Content Before and After switcher buttons.

One thing is that these two sections will appear when you’ll activate the corresponding switcher buttons from the Offcanvas section.

In general, in this section, you’ll be able to add text before and after the products added to the cart. See the image example above.

Style Tab

Now, let’s work with Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design. 

Styling with the tab in Elementor will always give you a fantastic experience.

Let’s have a look.

Mini Cart

wc mini cart widget style 1 - BdThemes

Simply, go to the Style tab > Mini Cart.

Basically, this section will let you style the Cart. In addition, the section will allow you Cart Icon and Cart Badge together.


Product List, Content, and Offcanvas, you will found these three modes under the Offcanvas section. In terms of the every single mode, you’ll be able to style the cart in the Offcanvas mode.

Product List:

wc mini cart widget style 2 - BdThemes

Go to the Style tab > Offcanvas > Product List.


wc mini cart widget style 3 - BdThemes

Go to the Style tab > Offcanvas > Content.


wc mini cart widget style 4 - BdThemes

Go to the Style tab > Offcanvas > Offcanvas.

Offcanvas Close Button

There are two modes(Normal and Hover) in this section. Under this two modes, you’ll be able to style the close button.

See the image example below.


wc mini cart widget style 5 - BdThemes


wc mini cart widget style 6 - BdThemes

Video Assist

At the end of this documentation, I hope you’ve noticed what is WC-Mini Cart widget by Element Pack under Bdthemes is and how it works for you. Watch the video inserted above. If you want to discover what more is possible to do using this one, you can visit the demo page.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
Be cool in Summer with up to 40% OFF on our products | Coupon: SUMMERSALE

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest us how to improve

Up to 40% OFF

Grab the best summer deal and enjoy awesome Elementor web design tools in your hands now! This is a limited-time offer so get it before time runs out.