The Mini Cart widget adds a WooCommerce cart trigger to your header or template. When clicked, it opens a cart drawer with the customer’s current cart items, totals, and checkout actions.

When To Use It

Use this widget in WooCommerce headers when you want customers to view or update their cart without leaving the current page.

Requirements

The Mini Cart widget requires WooCommerce to be installed and active.

How To Use It

1. Make sure WooCommerce is active.
2. Edit your header template with Elementor.
3. Add the Qreative: Mini Cart widget.
4. Choose the cart icon.
5. Choose the drawer position: left or right.
6. Style the cart trigger, quantity badge, drawer, cart items, buttons, and empty cart state.

Useful Settings

• Icon: choose the cart trigger icon.
• Panel Position: open the cart drawer from the left or right.
• Editor Preview: show dummy cart items or an empty cart preview while editing.
• Toggle Style: icon color, background, hover colors, size, padding.
• Quantity Badge: style the cart count badge.
• Drawer Style: panel width, background, spacing, border radius.
• Cart Items: style product title, quantity, price, image, remove button.
• Buttons: style View Cart, Checkout, and empty cart buttons.

Common Use Case

Place the Mini Cart widget in the right side of your header next to the navigation or search icon. Customers can open the cart drawer from anywhere and continue shopping without losing their place.