How to Configure and Style Product Mini Cart #

A Product Mini Cart widget is a small interface element typically found on e-commerce websites. Want to display your cart option in the tidiest way and make it more helpful to customers with the Product Mini Cart widget.

Using this Product Mini Cart widget, you can easily implement the cart feature in your online store.

How to Activate Product Mini Cart #

To use this Sastra Addons element, find the ‘Product Mini Cart‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Product Mini Cart’ into the ‘Drag widget here‘ or the ‘+’ section.

After you are successfully done with this step, this is how the element is going to look like.

How to Configure the Content Settings #

To configure the content of your Product Mini Cart, simply click on the ‘Content’ tab.

General #

From General section, you can select icon as your preference, change alignment and use the drop-down to select one of these as your toggle prefix: None, Total Price & Extra Text Selection.

Click to See Live Demo #

How to Style Product Mini Cart #

To customize Product Mini Cart, click on the ‘Style’ tab, and you will find ‘Cart Button’ option here.

Cart Button #

Cart button section divided into three sub-sections: Icon, Extra Text and Item Count. In Icon sub-section, you can set icon color and icon size. In Extra Text sub-section, you can set text color, typography and distance. In Item Count sub-section, you can set item count color, background color, size, box size and position.

Besides, you can change padding, styling to border and border radius as well.

Final Outcome #

By following the basic steps and a bit more modifying, you can style your Product Mini Cart as per your preference.

Getting stuck? Feel to Contact Our Support for further assistance.