Cart Drawer

How to customize your cart drawer?

The Cart Drawer is your dynamic and user-friendly space to view and manage selected products. To access the Cart Drawer, navigate to the Overlay group in the theme customization settings.

Click on the Cart Drawer section to configure its settings.

Elevate the shopping experience with Cart Drawer settings.

  • View Cart Link: Opt to show a convenient "View Cart" link for seamless navigation.
  • Product Recommendations: Tailor the Cart Drawer further with personalized product recommendations. Choose the products you want to recommend from the list.
  • Theme Settings and Custom CSS: An advanced customization with Theme Settings and Custom CSS.

Ensure you have selected "Cart Drawer" as the cart type in the theme settings for this feature to be activated.


🛍️ How to Set Up Your Cart Offers (Available after 10.1 version)


Want to give your customers a little "extra" reason to checkout? Our new Cart Offer feature lets you highlight special deals and discount codes right where it matters most: the shopping cart.

Here is how to make your offers look amazing and work perfectly.


Set Up the Main "Offer Card" block

Enable full width Toggle Enable full width if you want your offer to stretch across the whole cart drawer
Enable auto rotate

If you have more than one offer, turn on Enable auto rotate.

  • Pro Tip: Use the Change slides every slider to set the speed. 3 seconds is usually the "sweet spot" for reading!
Spacing Use the Sapcing sliders to add a little breathing room above and below your offer. You can set different spacing for Desktop and Mobile so it looks great on every screen.


Customize Your Offer

Show Icon Toggle this on to add a little visual flair to your heading.
Heading This is your big "hook" (e.g., Flash Sale!). You can make it bold or italic using the toolbar.
Subheading & Magic Codes:

This is where you explain the deal.

  • The Magic Trick: If you want customers to be able to copy a discount code with one click, wrap it in curly brackets like this: {SAVE20}  . We’ll automatically turn it into a clickable button!
Background Pick a color that matches for the backgrounf
Text Colors You can set different colors for the Heading, Subheading, and any Links to make sure everything is easy to read.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.