Cart drawer
Configure the slide-out cart drawer and success notification window. Most settings are in Theme Settings → Cart drawer.
A slide-out cart panel that appears when a visitor clicks the cart icon, without leaving the current page. Shows items, quantities, subtotal, and an optional free shipping progress bar.
How to find
Cart Drawer is enabled and configured in Theme Settings, not in the Theme Editor sidebar:
Theme Settings → Cart — enable the drawer and configure cart image settings.
Theme Settings → Cart drawer — configure what appears inside the drawer.
Enabling the drawer
By default the cart drawer is disabled. To turn it on, go to Theme Settings → Cart and check Enable cart drawer.
When disabled, clicking the cart icon takes visitors to the full /cart page instead.
Cart name
Avante lets you choose how the cart is labeled throughout your store: Cart, Bag, or Basket. This changes all button labels, headings, and drawer text to match — a small branding detail that makes the store feel more polished.
Key features
Free shipping bar — show a progress bar that tells visitors how much more they need to spend to qualify for free shipping. Can be enabled separately for the cart drawer and the full cart page.
"You saved" — displays the total savings when cart items are on sale. A small nudge that reinforces the purchase decision.
Discount code — visitors can enter a promo code right inside the drawer without going to checkout first. Enable Show as collapsible tab to keep it tidy — the field stays hidden until the visitor taps to expand it.
Order note — a text field where visitors can leave a note with their order (gift message, delivery instructions). Also supports the collapsible tab option to save space.
Shipping calculator — estimate shipping costs right in the drawer based on country. If the customer is logged in, their default shipping address country is pre-selected automatically.
Cart drawer recommendations — product recommendations at the bottom of the drawer to encourage add-ons. Supports custom image ratio, mobile layout (one or two columns), color pills, and vendor display — same product card options as collection pages.
Hide "View cart" button — if you want the drawer to be the only cart experience, hide the button and drive visitors straight to checkout.
For more cart-related settings (cart name, free shipping thresholds, cart page layout), see Theme Settings → Cart.
Related
Theme Settings → Cart drawer — full reference for all Cart Drawer settings
Header — cart icon configuration
Cross-sell & Recommendations — product recommendation sections
Last updated
Was this helpful?