# Cart page

The **Cart page template** gives an overview of cart items. You can choose to display a free shipping bar, cross sells, and low inventory warning.

Customers can access the cart page by clicking "View cart" in the purchase confirmation popup or quick cart. If the quick cart is disabled, clicking the cart icon in the header will take customers directly to the cart page.

## Enable cart features

***

You can enable several features to promote your products and create a sense of urgency to prompt customers to follow through with their purchase. When enabled, these features are displayed in both the **Quick cart** and on the **Cart page**. See the guides below to learn more.

* [Cross sells](https://help.fluorescent.co/stiletto/cart/cross-sells)
* [Free shipping bar](https://help.fluorescent.co/stiletto/cart/free-shipping-bar)
* [Low inventory warning](https://help.fluorescent.co/stiletto/cart/low-inventory-warning)

## Set up cart page

***

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your theme editor (**Customize**):

1. Use the **Templates selector** to open **Cart**.

   ![](https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2Fgit-blob-f94d38904500c8f4da451d6a275e9c467698de3d%2Feditor-templates-selector.jpeg?alt=media)
2. Click the **Cart page** section to open the settings.
3. Choose whether to **Include currency code in price**.
4. Choose to position Cross sells **Below subtotal** or **Below line items**.

   > See our guide for [Cross sells](https://help.fluorescent.co/stiletto/cart/cross-sells) to show recommended products on the cart page and in the quick cart.
5. (*Optional*.) Add and edit theme sections to design the layout of your page.

   > Click the **Hide icon** or **Remove section** button to hide or delete sections.

   > Click and hold the drag and drop handles **`⋮⋮`** to change the order of sections.
6. (*Optional*.) Click the **Theme settings > Cart** to set up a [Free shipping bar](https://help.fluorescent.co/stiletto/cart/free-shipping-bar), [Low inventory warning](https://fluorescent.co/help/stiletto/cart#low-inventory-warning), and [Cross sells](https://help.fluorescent.co/stiletto/cart/cross-sells).
7. Click **Save**.

</details>

## Settings reference

In the **Cart page** template, click on the **Cart page** sections to find the settings:

<table><thead><tr><th width="260">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Include currency code in price</mark></td><td>Display the 3-letter currency code next to all prices.</td></tr><tr><td><mark style="color:blue;">Cross sells position</mark></td><td>Display cross sells <strong>Below subtotal</strong> or <strong>Below line items</strong>.<br><br>See the <a href="cross-sells">Cross sells</a> guide to show recommended products on the cart page and in the quick cart.</td></tr></tbody></table>

***

> **Related links**\
> [Templates](https://help.fluorescent.co/stiletto/pages/templates)\
> [Quick cart](https://help.fluorescent.co/stiletto/cart/quick-cart)\
> [Purchase confirmation popup](https://help.fluorescent.co/stiletto/cart/quick-cart/added-to-cart-popup)