eg

Cart page patterns

The dedicated cart or bag page is the moment shoppers commit to checkout. The pattern depends on basket size, attribute density, and how much trust messaging the brand wants alongside the line items.

Amazon

Line-item list with order summary rail

Vertical line items on the left, sticky order summary on the right with subtotal, tax estimate, shipping, and primary CTA. The dominant cart-page pattern across marketplaces and large retailers.

Example of an Amazon-style cart page with line-item list and order summary railsearchShopping cart3 items · $111.00 subtotalProduct title 1color · variant · size MIn stock · ships in 1-2 daysQty 1 ▾Save · Remove$28.00Product title 2color · variant · size MIn stock · ships in 1-2 daysQty 1 ▾Save · Remove$64.00Product title 3color · variant · size MIn stock · ships in 1-2 daysQty 1 ▾Save · Remove$19.00Order summarySubtotal$111.00ShippingFreeTax (est.)$8.88Total$119.88Proceed to checkoutdiscount codesecure · 30-day returnsecommerceguide.com

> what's good

  • +Order summary stays visible while shoppers edit items, supports last-minute changes.
  • +Right rail collects checkout, discount, and trust messaging in one place.
  • +Familiar layout, no learning curve for repeat shoppers.

> what's risky

  • ·Tax estimate often shows zero until address entered, can mislead on final cost.
  • ·Right-rail buttons can fall below the fold on mobile, requires sticky behaviour.
  • ·Generic enough that brand voice rarely comes through.
Marketplace default

Editable table with shipping calculator

A horizontal table with quantity steppers and inline subtotals per row. A shipping calculator widget sits below the table, total CTA bottom-right. Common on B2B and large electronics retailers.

Example of a marketplace-style cart page with editable table and inline shipping calculatorsearchYour cartProductPriceQuantitySubtotalProduct 1SKU 8472-03 · in stockMove to wishlist$28.00−1+$28.00Product 2SKU 8472-13 · in stockMove to wishlist$32.00−2+$64.00Product 3SKU 8472-23 · in stockMove to wishlist$19.00−1+$19.00Estimate shippingpostcodeCalculateTotal: $111.00Checkout →ecommerceguide.com

> what's good

  • +Tabular layout supports comparison across multiple line items easily.
  • +Inline shipping calculation manages expectations before checkout entry.
  • +Save-for-later flow rescues abandoned items into a wishlist instead of trash.

> what's risky

  • ·Tables don't translate cleanly to mobile, requires a separate stacked layout.
  • ·More controls per row means more accidental edits.
  • ·Calculator widget is easy to ignore if visually under-emphasised.
DTC default

Minimal one-screen cart

A centred single-column layout, big total at top, line items below, single primary CTA. Free-shipping threshold messaging is prominent. Common on fashion DTC where carts rarely exceed 1-2 items.

Example of a DTC-style minimal one-screen cart page with hero CTAsearchyour bag$148free shipping unlocked ✓Linen Relaxed ShirtCoral · MQty 1 ▾$148RemoveContinue to checkoutor pay with Apple Pay · G Pay · PayPalecommerceguide.com

> what's good

  • +Strong visual hierarchy keeps focus on the total and the next action.
  • +Free-shipping messaging at the top is unmissable.
  • +Express payment options reduce checkout friction for repeat shoppers.

> what's risky

  • ·Doesn't scale to large carts, the layout breaks down past 4-5 items.
  • ·No room for granular trust messaging or upsell.
  • ·If the threshold copy is wrong, the layout amplifies the error.

More cart & checkout patterns