Skip to main content
The cart element has two states - empty and default. You can style the cart in the empty state and the default state separately. The cart is empty by default.

​
Cart wrapper

This is the outermost wrapper of the cart. It contains the cart states. Give this cart wrapper an attribute of 
looop=cart

​
Developing cart states

Inside this wrapper, we need to add two required elements - the empty cart and the default cart.

Empty State

This cart state is visible when the cart is empty.

Default State

This cart state is visible when the cart has items.