Drawer vs page
Pick where the customer sees their cart.
Updated 2026-05-09
Theme settings → Cart → Cart type.
| Mode | Behavior |
|---|---|
drawer (default) | Adding to cart slides a drawer from the right edge; cart icon click opens the same drawer |
page | Adding to cart navigates to /cart (full page); cart icon click also goes to /cart — no drawer opens |
When cart_type === 'page', the theme's cart icon and ATC handlers route directly to /cart. The cart drawer markup isn't even rendered. (Earlier versions always opened the drawer regardless of this setting — now it's wired correctly.)
Both modes use the same data — Shopify's /cart is always available either way. The setting only changes default UX behavior.
When to use drawer
- Quick-buy DTC stores
- Catalogs where customers add multiple items in one session
- High-traffic mobile (drawer is much faster than navigating away)
When to use page
- B2B / wholesale (more space for line item details, notes, custom fields)
- Stores with long order-summary requirements
- Stores with lots of cart-page-specific upsells
Tips
- You can switch between modes without breaking customer carts — the underlying cart object is shared.
- Even in drawer mode, the
/cartpage works (linked from "View bag" inside the drawer) for customers who prefer the full view.
Need a hand? Contact support.