Cart

Cart type

Choose under Theme settings › Cart › Cart type:

• Drawer (default): the cart slides in from the side when a shopper adds a product or opens the cart.
• Page: shoppers go to the cart page.
• Popup notification: after adding a product, a small panel under the header shows the item that was added, with View cart and Check out buttons. The header's cart link goes to the cart page.

The cart page is always there, whichever type you choose.

What the cart shows

• Each item's image, title, chosen options, price and quantity, with Remove.
• The vendor, if you turn on Theme settings › Cart › Show vendor.
• Sale prices, unit prices, line and order discounts, and the plan name for subscription items.
• The item's lead time, from the custom.lead_time metafield (see Custom data).
• The subtotal, a note that taxes and shipping are calculated at checkout, and the checkout button.
• Accelerated checkout buttons (Shop Pay, Apple Pay and others), when Show accelerated checkout buttons is on in the Cart drawer or Cart section and the payment methods are on under Settings › Payments.

Cart drawer section

The Cart drawer section is in the theme editor's Header group. It's used when Cart type is Drawer or Popup notification.

• Delivery message: a line in a band at the top of the drawer, for example "White-glove delivery to the room is included". It shows when the cart has items. Leave it blank to hide it.
• Show product recommendations: up to two products related to the first item in the cart, under the Recommendations heading (default "You might add"). Products with one variant get a quick Add button; others link to the product.
• Band and footer color scheme: the colors of the delivery message band and the subtotal area.

Cart page

The Cart section has the same item list, with an order summary beside it (Order summary color scheme). The cart template also includes a Product recommendations section below.

Cart note

Turn on Theme settings › Cart › Enable cart note to show an Add a delivery note field. Shoppers can leave instructions; the note is saved as they type and appears on the order.

Empty cart

An empty cart shows a short message (edit it under the section's Empty cart › Text) and a Continue shopping button that opens your full catalog. Choose collections under Empty cart › Collections to show them as tiles, so shoppers have somewhere to start.