Cart drawer
Right-side slide-out cart with items, totals, and inline checkout.
Updated 2026-05-09
The cart drawer slides in from the right (desktop) or as a bottom-sheet (mobile).
Settings (Theme settings → Cart)
| Setting | Notes |
|---|---|
| Cart type | drawer / page |
| Show free shipping bar | See Free shipping bar |
| Free shipping threshold | $/€ value |
| Show discount code field | See Discount codes |
| Show terms checkbox | See Terms agreement |
| Required terms | Block checkout until checked |
| Show shipping calculator | See Shipping calculator |
| Show order note | Free-form note customers can attach |
Mobile bottom-sheet
Below 749px the drawer becomes a bottom-sheet:
- Slides up from the bottom
- Drag handle at the top for grab-to-close
- Swipe-down anywhere on the panel closes it
- ESC or backdrop tap closes
max-height: 88vhso the user can still see what's behind
Item interactions
- Qty +/- updates inline (Ajax to
/cart/change.js) - Remove button removes the line item
- Clicking the product image / title navigates to PDP
Discount applied display
When a cart-level discount is applied, a badge shows under the discount input. Falls back across title / code / key keys for compatibility with both manual codes and automatic discounts.
Subtotal & total
- Subtotal updates after each Ajax change
- Discount applied badge re-renders on each update
- Total in the footer mirrors
cart.total_price
Need a hand? Contact support.