Docs
Free ON WEBFLOW.IO DOMAINS

Cart Items List

The Cart Items List is a core structural element within the Cart Module responsible for rendering the current contents of the cart. It is implemented as a wrapping div element that serves as a dynamic container. Shopyflow programmatically injects instances of the Cart Item component into this container—one for each line item present in the cart.

Cart Items List structure

Cart Items List element is placed into the Cart Container component and lists the Cart Items as it’s children elements.

Make sure to have only one Cart Item in the Cart Item List before publishing for it to function properly.

Cart Item

Cart Item component functions as a structural template for rendering each line item in the cart. Shopyflow requires you to define a single Cart Item component, including all necessary child components (e.g., product title, price, quantity controls, remove button), which collectively represent a single cart line.  At runtime, Shopyflow clones this template for each item in the cart and dynamically injects them into the Cart Items List.

See component reference →

Available Shopify product data in Cart Item

You can display following data in the Cart Item for each line item:

  1. Cart Item Title →
  2. Cart Item Image →
  3. Cart Item Prediscount Price →
  4. Cart Item Unit Price →
  5. Cart item total →
  6. Selected Variant Options →
  7. Delivery Frequency(Subscription Products)
  8. Cart Item Discount
  9. Cart Item Discount Code →
  10. Cart Item Metafields
  11. Cart Item Product Note →

Available cart controls for the Cart Item

You can have following controls in the Cart Item for each line item:

  1. Quantity Changer →
  2. Cart Item Remover →
No items found.
No items found.
No items found.