Mini Cart

Mini Cart gives customers a quick view of their WooCommerce cart without leaving the current page. It works well in headers, Theme Builder layouts, navigation areas, and floating cart experiences.

For installation and module activation help, see Installation & Setup.

Cart trigger

The trigger can show a cart icon and count badge, with an optional label and subtotal. Use the responsive controls to simplify the trigger on smaller screens when needed. Also enable Floating Trigger that when used on a Global Header will be displayed accross your website.

Display types

Choose how the cart opens:

• Dropdown opens near the trigger and suits standard headers.

• Off Canvas slides in from the side and gives cart contents more room.

• Modal opens a centered cart panel over the page.

• Fullscreen creates a full-page cart experience.

Floating trigger

Enable the floating trigger when you want the cart to remain available as the customer scrolls. Choose a preset corner or side position, or set custom horizontal and vertical offsets. Position, visibility, icon, item badge, and offsets can be responsive.

Cart items

Cart rows can show the product image, title, selected variation, price, quantity, and Remove action. Choose only the details that help customers confirm their order.

Realtime quantity controls

Customers can increase or decrease quantities directly in Mini Cart. Prices, item count, subtotal, and other cart totals update without a full page reload. WooCommerce stock and quantity limits still apply.

Cart summary and buttons

The summary can show the subtotal and the main next steps:

• View Cart opens the normal WooCommerce cart page.

• Checkout takes the customer to checkout.

• Continue Shopping closes the cart or follows the URL you configure.

The empty-cart state can include its own icon, message, and continue-shopping button.

Optional features

These features are available in the current module and load only when enabled:

• Free Shipping Progress uses an automatic or manual threshold and can show progress until free shipping is reached.

• Coupons lets customers apply and remove coupon codes inside Mini Cart.

• Product Recommendations can show WooCommerce cross-sells, related products, or hand-picked products.

Builder preview

Enable Mini Cart Preview while designing the opened cart in Visual Builder. Choose:

• Current Cart to use the existing WooCommerce cart

• Filled Preview to work with realistic sample cart contents

• Empty Preview to design the empty state

These preview choices let you style the cart inside the Divi Builder without having to check back and forth on frontend and the builder.

Design and troubleshooting

The Design tab includes the trigger and badge, cart layer and overlay, panel, header, items, quantity, summary, buttons, empty state, floating trigger, and enabled optional features.

If the module or preview does not appear, confirm that Mini Cart is enabled under Divi Ecommerce → Modules, WooCommerce is active, and the Preview switch is on when styling the open panel. Then reload the Builder.