> 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.
***
## 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**. |
| Text case | Under **Typography**. Keep the subtotal row as typed (**Original**) or set it in **Uppercase**. |
| 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 / Text case | Typography for the row title. **Text case** keeps it as typed (**Original**) or sets it in **Uppercase**. |
| 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 / Text case | Typography for the row title. **Text case** keeps it as typed (**Original**) or sets it in **Uppercase**. |
| Padding / Border thickness / Shadow | Appearance of the row. |
| Type | **Inherit** the section's color scheme, or apply a separate **Color scheme**. |
***
{% hint style="info" icon="headset" %}
**Need help?**
Whether you have a question, run into an issue, or just need some guidance, our support team is here to help.
Chat with us Submit a ticket
{% endhint %}