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 element is placed into the Cart Container component and lists the Cart Items as it’s children elements.
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.
You can display following data in the Cart Item for each line item:
You can have following controls in the Cart Item for each line item: