# Cart page

> The cart page at /cart with the items, the free shipping bar, add-ons, an order note, discount codes and a shipping estimator – plus text and code blocks of your own.

Tally theme documentation · HTML version: https://themelab.page/tally/docs/sections/cart/

## At a glance

- **In the editor:** Cart
- **Where it goes:** Its own template – open that kind of page in the editor
- **In the presets:** Tally: Cart; Poster: Cart; Petal: Cart
- **Settings:** 12
- **Blocks:** Text, Custom Liquid
- **App blocks:** Yes

Most cart options – drawer or page, free shipping bar, add-ons, gift wrapping, discount codes, terms checkbox – are in **Theme settings › Cart** because they apply to the drawer as well. See the [Cart guide](https://themelab.page/tally/docs/cart.md).

## This section

- **Heading:** leave it empty for the translated default (*Your cart*).
- **Show add-ons:** product suggestions under the items. Choose what they suggest in Theme settings > Cart.
- **Show shipping estimator:** shoppers pick a country and enter a postal code to see your shipping rates before checkout.
- **Text** blocks add notes such as delivery times or a returns promise; **Custom Liquid** blocks add your own code.

Under the section, every preset adds a [Featured collection](https://themelab.page/tally/docs/sections/featured-collection.md), so an empty cart still leads somewhere.

## All settings

Every setting in the order of the theme editor, with its options and its default value.

**Section: Cart** (12 settings, in editor order)

| Setting | Options | Default |
| --- | --- | --- |
| **Heading** – Leave empty to use the default translated heading. | Text | – |
| **Show add-ons** – Choose the collection in theme settings, Cart. | Checkbox | On |
| **Show shipping estimator** – Shoppers enter their country and postal code to see your shipping rates before checkout. | Checkbox | On |
| **Color scheme** | Color scheme | Scheme 1 |

*Section spacing*

| Setting | Options | Default |
| --- | --- | --- |
| **Top padding** | 0–160px (step 4) | 48px |
| **Bottom padding** | 0–160px (step 4) | 96px |
| **Top padding on mobile** | 0–120px (step 4) | 32px |
| **Bottom padding on mobile** | 0–120px (step 4) | 64px |

*Advanced*

| Setting | Options | Default |
| --- | --- | --- |
| **Hide on mobile** | Checkbox | Off |
| **Hide on desktop** – Mobile means below the width where the header switches to the mobile menu (Header > Switch to the mobile menu below). | Checkbox | Off |
| **Animate on scroll** | Checkbox | On |
| **Anchor ID** – Link to this section with #anchor-id. | Text | – |

## Block settings

**Block: Text** (1 setting, in editor order)

| Setting | Options | Default |
| --- | --- | --- |
| **Text** | Rich text | Sample text |

**Block: Custom Liquid** (1 setting, in editor order)

| Setting | Options | Default |
| --- | --- | --- |
| **Custom Liquid** | Liquid code | – |

## Related

- [Cart](https://themelab.page/tally/docs/cart.md): The cart drawer and cart page, the free shipping bar with a second goal, add-ons, gift wrapping, discount codes, a terms checkbox and the shipping estimator.
- [Featured collection](https://themelab.page/tally/docs/sections/featured-collection.md): Products from one collection – or several as tabs – in a grid or carousel, with quick filters and a products-per-row switch.