Cart Items Display
Renders the full list of cart line items with configurable layout, pricing, and interactions.
What it does
AP_CartItemsDisplay renders the full list of cart line items. Each item includes a product image, title, variant options, price (including compare-at pricing), a quantity selector, and a remove button. Every element's position is configurable, and prices automatically re-fetch in the correct currency when the active market changes.
How to set it up
Place this component inside your cart drawer or cart page. It does not require any slot connections — all rendering is handled internally, with full styling exposed through property controls. On the canvas it shows two dummy items so you can design around realistic content, while at runtime it connects to the actual cart.
Key behaviours
- Three price position options: Top Right, Below Title, or Inline with Title
- Three quantity position options: Below Variant, Bottom Row, or Top Right
- Three remove button positions: Bottom Right, Top Right, or Inline with Quantity
- Market-aware: re-fetches variant prices when activeMarket changes and fades to 65% opacity during the re-fetch
- Optional navigation: clicking a cart item can navigate to its product page
- On canvas: always shows two dummy items for layout and styling
- At runtime: renders nothing when the cart is empty
- Free plan users see an Upgrade Anopa banner below the item list