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.
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.
Available Shopify product data in Cart Item
You can display following data in the Cart Item for each line item:
- Cart Item Title →
- Cart Item Image →
- Cart Item Prediscount Price →
- Cart Item Unit Price →
- Cart Item total →
- Selected Variant Options →
- Delivery Frequency (Subscription Products)
- Cart Item Discount →
- Cart Item Discount Code →
- Cart Item Metafields
- Cart Item Product Note →
Available cart controls for the Cart Item
You can have following controls in the Cart Item for each line item:
