> For the complete documentation index, see [llms.txt](https://docs.northcommerce.com/north-commerce/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.northcommerce.com/north-commerce/shortcodes/cart-page.md).

# Cart Page

The cart page page has 2 states. 

```
[nc-cart]
```

1. Empty Cart state which is the state of the cart page when a customer has not added any items to their cart. This state looks like:

   <figure><img src="/files/AiRqmt4kEUsYrBz9Xkbk" alt=""><figcaption></figcaption></figure>
2. The state of the cart when a customer has added a product to their cart looks like:&#x20;

   <figure><img src="/files/aCHo9OZdPA7j8vMuNQXu" alt=""><figcaption></figcaption></figure>

If your product has variations a customer will be able to update their product options directly from the cart page.&#x20;

{% hint style="info" %}
The cart page component is not complete and has a few bugs that need to be fixed.
{% endhint %}

SEE ALSO: [CART DRAWER](/north-commerce/shortcodes/cart-drawer.md)