Cart & checkout

Drawer, cart page, discount codes, free shipping bar.

• Drawer vs page

  Pick where the customer sees their cart.
  →
• Cart drawer

  Right-side slide-out cart with items, totals, and inline checkout.
  →
• Discount codes

  Inline discount input in drawer + cart page.
  →
• Free shipping bar

  Progress bar showing how far the customer is from free shipping.
  →
• Terms & conditions checkbox

  Optional or required checkbox before checkout.
  →
• Shipping calculator

  Estimate shipping rates from inside the cart.
  →
• Cart page

  The full /cart page — block-based, with empty-state recently-viewed.
  →