Cart page

The cart page (/cart) is the default landing when Cart type = page, or always available via "View bag" inside the drawer.

Structure

• Items list — same UI patterns as the drawer (image, title, qty, line total, remove)
• Order summary sidebar (right column desktop, below items on mobile)
  • Subtotal
  • Discount code (if Theme settings → Show in cart is on)
  • Free shipping bar (if enabled)
  • Tax / shipping notice
  • Total
  • Terms & conditions checkbox (if required)
  • Checkout button + payment buttons (Shop Pay etc.)
• Empty state — when cart is empty, shows your custom heading + "Continue shopping" CTA + Recently viewed grid (if any)

Empty heading

Cart page section setting → Empty heading. Defaults to "Your bag is empty." (translated). Set a custom message if you want.

Order note

Shows above the summary. Customers type a free-form note (delivery instructions, gift message hint). Saved on submit.

Order summary

The summary block stays sticky as the customer scrolls through long carts (desktop only).

Tips

• Place a small "Recently viewed" grid below the empty state — customers who emptied their cart often want to keep browsing.
• For B2B stores, enable the order note prominently.