> For the complete documentation index, see [llms.txt](https://modutheme.gitbook.io/helix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modutheme.gitbook.io/helix/other-sections/cart-page.md).

# Cart page

The main section on the cart page. It shows the line items on one side and the order summary on the other. Fixed to the cart template.

![Cart page section overview](/files/hU8Qd8j705EILWWTV9nh)

***

## Settings

| Setting                | Description                                                                                                                                                                     |
| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Width                  | **Page** — Keeps the content within the page width set in your theme settings. **Full** — Stretches the content across the full browser width, with a small space at the edges. |
| Gap — Desktop / Mobile | Space between the item list and the summary.                                                                                                                                    |
| Color scheme           | Color scheme for the section.                                                                                                                                                   |
| Padding                | Outer spacing: top / bottom, with independent mobile values via **Custom for mobile**.                                                                                          |

***

## Available Blocks

The section uses two static blocks — **Content** and **Summary**.

### Content

The left column, holding the cart title and the line items.

| Setting                | Description                                        |
| ---------------------- | -------------------------------------------------- |
| Gap — Desktop / Mobile | Space between the title and the blocks below it.   |
| Show cart count        | Display the number of items beside the cart title. |
| Title size             | Heading 1–6.                                       |
| HTML title tag         | Semantic tag rendered (Paragraph, H1–H6).          |

#### Cart items

The list of line items.

| Setting                                                   | Description                                                                                                                   |
| --------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------- |
| Show dividers                                             | Adds a line between items.                                                                                                    |
| Show vendor                                               | Display each product's vendor.                                                                                                |
| Enable quick edit                                         | Lets shoppers change variant and quantity in place. See [Quick edit](/helix/features/quick-edit.md) for what the panel shows. |
| Show product media / Show badges / Show quantity selector | What the quick edit panel includes.                                                                                           |
| Gap — Desktop / Mobile                                    | Space between line items.                                                                                                     |
| Padding                                                   | Outer spacing: top / bottom, with independent mobile values via **Custom for mobile**.                                        |

#### Free shipping

The progress bar toward your free shipping threshold. The threshold is set in [Theme settings → Cart](/helix/theme-settings/cart.md); see [Free shipping bar](/helix/features/free-shipping-bar.md) for matching it to a real shipping rate.

### Summary

The right column, holding the order totals and checkout.

| Setting                | Description                                  |
| ---------------------- | -------------------------------------------- |
| Gap — Desktop / Mobile | Space between the blocks inside the summary. |

#### Order summary

Always present. Holds the totals and the checkout button.

| Setting                             | Description                                                                   |
| ----------------------------------- | ----------------------------------------------------------------------------- |
| Gap — Desktop / Mobile              | Space between the summary rows.                                               |
| Show discount code                  | Adds a discount code field, with a **Button style**.                          |
| Show tax and shipping notice        | Display a note about taxes and shipping under the total.                      |
| Show view cart button               | Adds a link to the cart page.                                                 |
| Show accelerated buttons            | Display dynamic checkout buttons (Shop Pay, Apple Pay).                       |
| Show payment icons                  | Display accepted payment methods, at a set **Icon width**.                    |
| Padding / Border thickness / Shadow | Appearance of the summary container.                                          |
| Type                                | **Inherit** the section's color scheme, or apply a separate **Color scheme**. |

#### Order note

An expandable field where shoppers leave a note with their order.

| Setting                                   | Description                                                                   |
| ----------------------------------------- | ----------------------------------------------------------------------------- |
| Icon                                      | Toggle indicator: **Chevron** or **Plus**.                                    |
| Heading font / Font size / Letter spacing | Typography for the row title.                                                 |
| Padding / Border thickness / Shadow       | Appearance of the row.                                                        |
| Type                                      | **Inherit** the section's color scheme, or apply a separate **Color scheme**. |

#### Shipping estimator

An expandable panel that estimates shipping rates before checkout.

| Setting                                   | Description                                                                   |
| ----------------------------------------- | ----------------------------------------------------------------------------- |
| Icon                                      | Toggle indicator: **Chevron** or **Plus**.                                    |
| Heading font / Font size / Letter spacing | Typography for the row title.                                                 |
| Padding / Border thickness / Shadow       | Appearance of the row.                                                        |
| Type                                      | **Inherit** the section's color scheme, or apply a separate **Color scheme**. |