Cart drawer or cart page

Reel calls the cart the bag. It can open as a drawer from the side of the page or as a page of its own. Both show a free shipping bar, a gift note and your express checkout buttons. The drawer can also suggest products to go with what’s in the bag.

1. Choose drawer or page

Go to Online Store → Themes → Customize and open Theme settings → Cart. Set Cart type:

• Drawer: adding a product opens the bag over the current page. Shoppers keep browsing without losing their place.
• Page: adding a product takes shoppers to the bag page.

The bag page always exists at your store’s /cart address, even when you use the drawer.

2. Free shipping bar

1. Tick Show free shipping progress.
2. Enter the Free shipping threshold in your store’s default currency, for example 150.

The bar tells shoppers how much more to add for free shipping, then says when they’ve reached it. The theme doesn’t set up free shipping. Create the matching free shipping rate or discount in Settings → Shipping and delivery, or in Discounts.

3. Gift note

Tick Show gift note to add a note box. In the drawer it sits behind an Add a gift note link. On the bag page it is always open. The note is saved with the order as the order note, up to 300 characters.

The placeholder text tells shoppers you print the note on the packing slip and keep prices off. If your packing slips don’t do that, change the text in Online Store → Themes → ⋯ → Edit default theme content, or set your packing slip template to show the order note.

4. “Goes with it” row

Tick Show recommended products to show a “Goes with it” row in the drawer, under the products in the bag. Shopify picks up to four products related to the first product in the bag, and skips anything already in it. Products in stock have a plus button that opens quick add.

This row shows in the drawer only, not on the bag page. To adjust the picks, use the Search & Discovery app.

5. Other cart settings

• Show vendor adds the vendor to each line.
• Theme settings → Currency → Show currency codes adds the currency code to prices and the subtotal, for example USD. This helps when you sell in more than one market.
• Shoppers enter discount codes at checkout. Discounts that apply to the whole order appear above the subtotal.