Cart Page

The full cart review page. It runs in parallel with the drawer: the drawer is for quick access, while /cart is the complete review plus cross-sell.

Overview

Sections

1. main-cart — line items, totals, checkout
2. recently-viewed
3. featured-collection ("Popular picks")

Step-by-step user journey

Step 1 — Open the cart

Paths:

• Header cart icon → drawer → "View cart"
• Directly at /cart
• Redirected after add to cart (when the drawer is off)

Step 2 — Review the line items

1. Product image, title, variant and price
2. Line discounts, if any
3. Remove an item (trash icon)

Step 3 — Update the quantity

1. +/- quantity
2. AJAX update via the cart.ajax fragment
3. The subtotal refreshes

Step 4 — Notes and terms (if enabled)

1. Write an order note
2. Terms checkbox, if required

Step 5 — Checkout

1. The Checkout button
2. Or the additional wallet buttons (Shop Pay, Apple Pay, Google Pay)
3. Redirect to Shopify Checkout

Step 6 — Empty cart state

1. Empty message
2. Continue shopping → home or collections

Step 7 — Cross-sell below

1. Recently viewed
2. The "Popular picks" featured collection
3. Quick add more products

Cart Drawer vs Cart Page

Drawer details: 01-global-ui.md

Theme Editor settings

Each section below links to its full settings reference — every setting with id, type, default and a screenshot of the panel.

Full index: settings reference

Related files

templates/cart.json
templates/cart.ajax.liquid
sections/main-cart.liquid
snippets/cart-drawer.liquid
snippets/cart-item.liquid
sections/recently-viewed.liquid
sections/featured-collection.liquid