Cart

Avenue Luxe offers two cart experiences: a dedicated cart page and a slide-out cart drawer.

Cart Drawer

The cart drawer slides in from the right when items are added, providing a quick view of cart contents without leaving the current page.

Features:

• Live item count in header icon
• Product thumbnails with quantity controls
• Remove item buttons
• Free shipping bar integration
• Subtotal and checkout button
• Continue shopping link

Cart Page

The full cart page provides a detailed view of all items with additional features.

Settings:

• Show/hide order notes field
• Enable recommended products below cart
• Show free shipping progress bar
• Cart empty state messaging
• Continue shopping button link

Free Shipping Bar

Add the free shipping bar to the cart to encourage higher order values:

{% render 'free-shipping-bar', threshold: 50000, position: 'cart' %}

Best Practices

• Keep the cart drawer fast and responsive
• Show clear pricing and quantity controls
• Display trust badges near the checkout button
• Add recommended products to increase average order value