Shopping Cart

• You need a cart review step before checkout where users can confirm items, quantities, and totals.
• Users must be able to edit quantities and variants after adding items but before paying.
• Your product requires persistent carts that survive across sessions or device switches.
• Your team needs guardrails covering keyboard, screen reader, and responsive behavior out of the box.

• The item, buyer, and payment state are already known — a simpler purchase path is more appropriate.
• Users only need a quick confirmation step and the full cart pattern would add unnecessary friction.
• You are tempted to optimize purely for conversion at the expense of price and policy clarity.

Provides a dedicated review step where shoppers can inspect their full order — including counts, totals, and applied policies — before committing to payment. Trust signals are treated as primary UI, not secondary text.

Supports in-cart editing of item quantities and variants so users can adjust their order without leaving the purchase flow. This reduces drop-off caused by mismatched selections discovered late.

Designed to maintain cart state across sessions, allowing users to return to an in-progress purchase without losing their selections.

Ships with a full accessibility checklist covering keyboard-only completion, logical focus order, screen reader announcements for state changes, and visual accessibility rules that do not rely on color alone.

Documents the three most frequent implementation pitfalls — deprioritizing trust signals, over-optimizing for the first click, and ignoring abuse and fraud paths — along with concrete fixes for each.

Links directly to companion patterns — Checkout, Product Card, and Notification — so teams can extend the cart into a coherent, consistent e-commerce flow.

A retailer lets shoppers add multiple products and variants before reviewing a consolidated cart. The pattern ensures quantities, line totals, and policies are visible and editable before the user proceeds to payment.

A user adds items on mobile, then completes the purchase on desktop later. The skill's session-persistence guidance keeps the cart intact so the user resumes without re-selecting items.

A team needs their cart to meet accessibility standards. The built-in keyboard interaction and ARIA guidance ensures the cart is fully operable without a mouse and announces state changes correctly to assistive technology.

An engineering team building a high-traffic commerce surface uses the pattern's abuse-path guidance to plan rate limits, authorization checks, and audit trails alongside the core cart UI.