> ## Documentation Index
> Fetch the complete documentation index at: https://docs.uselooop.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Cart elements allow you to build a custom cart without using Webflow ecommerce cart.

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.

![](https://mintcdn.com/thinddev/WJpokBS_R24FjARc/images/cart-wrapper.jpg?fit=max\&auto=format\&n=WJpokBS_R24FjARc\&q=85\&s=4436af9761be7d04a526ba4071be2925)

## Cart wrapper

This is the outermost wrapper of the cart. It contains the cart states.

Give this cart wrapper an attribute of

```html theme={null}
looop=cart
```

## Developing cart states

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

> **[Empty State](https://docs.uselooop.com/webflow/cart/empty.md)**
>
> This cart state is visible when the cart is empty.

> **[Default State](https://docs.uselooop.com/webflow/cart/default)**
>
> This cart state is visible when the cart has items.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.