Create your first cart drawer
Build a slide-out cart in your store's colors and language, then save it. Building is free on any plan.
Open Cart Drawer, click Create cart drawer, then click Use this cart on the Your store card. Change what you like and click Save. Any store can build and preview a cart. Showing it to shoppers needs Section Store Plus.
The cart drawer is the cart that slides in from the side of the page. Merchants also call it a side cart, slide cart or mini cart. It replaces your theme's own drawer.
Create the cart
- In Shopify admin, open Apps → Section Store → Cart Drawer.
- Click Create cart drawer. The New cart drawer page opens with Pick a cart to start from.
- On the Your store card, click Use this cart. The card is marked Recommended.
- The editor opens. You see your cart on the right, in your theme's colors and button corners. Its text is in your store's main language.
- Change the blocks you want. To check both views, open the Preview card and click Filled cart or Empty cart.
- Click Save. You see "Cart drawer created."
With Plus and the app embed off, a window opens first: Cart Drawer isn't enabled in your live theme. Click Save anyway to keep the cart on, or Save as inactive to keep it off. A cart that's on can give rewards at checkout even with the embed off.
To show the cart to shoppers, click Enable cart drawer in theme on Cart Drawer, pick your live theme and click Save in the theme editor.
If we can't read your theme's colors, the cart starts on the Classic color preset.
What the new cart includes
- Trust badges built from your store's facts, where it has them.
- Your payment icons.
- A discount line.
- An empty cart with your best sellers and a Browse products button.
The Reward bar, Timer, Announcement, Products upsell, Discount code, Order note and Order addon blocks are there with their switches off. Turn on the ones you want.
Does it go live when I save?
- With Plus, on your first cart: yes. Your first cart starts switched on. Shoppers see it once the app embed is on in your live theme.
- Without Plus: no. The cart saves as off.
- Any later cart: no. It starts off, so a new cart never replaces your live one by surprise.
Other ways to start
- Pick a design from Cart drawers from top stores on the same page.
- Click Create from screenshot to copy a cart you like.
If it doesn't work
- The Save button shows an error about a product: an Order addon is switched on with no product. Pick a product or turn it off.
- Shoppers don't see the cart after you save: turn on the cart and its app embed. See the article below.
Related
- Turn on your cart drawer
- Start a cart drawer from a ready-made template
- Create a cart drawer from a screenshot
- Does the cart drawer need Plus?
Also searched as: side cart, slide cart, slide out cart, sliding cart, mini cart, ajax cart, flyout cart, popup cart, make a cart drawer, build cart, set up cart drawer, get started with cart, what is a cart drawer, card drawer, cart drawr, save anyway, save as inactive, cart drawer isn't enabled in your live theme
Did this answer your question?