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

# Cart Editor

**Supercart** has **a powerful block-based cart editor** allows you to create, update, and enhance your cart content seamlessly. The editor is super easy to use and very intuitive, and if you know how to use the Shopify Theme Customizer, **you already know how to use it.**

<div data-full-width="false"><figure><img src="/files/AFR4A4lcVNcBWJyEEzQz" alt=""><figcaption></figcaption></figure></div>

### Cart blocks

Supercart offers a range of block types to add to your cart — from simple text default cart sections, such as line items, to code blocks and upsells. These elements will make your cart more helpful to customers and offer extra information to improve conversion rates.

#### Organize blocks

{% stepper %}
{% step %}

### Insert a cart block

<figure><img src="/files/2FYL6WoWv5oE2W5mkRtX" alt=""><figcaption><p>Insert a new Supercart cart block</p></figcaption></figure>
{% endstep %}

{% step %}

### Re-order a cart block.

<figure><img src="/files/Yjq4XhYd8OyKOfw96CYz" alt=""><figcaption><p>Re-Order a Supercart Cart Block</p></figcaption></figure>
{% endstep %}

{% step %}

### Hide a cart block

<figure><img src="/files/TDs18Jp7qwvVhQBeGz7F" alt=""><figcaption><p>Hide a Supercart cart block</p></figcaption></figure>
{% endstep %}

{% step %}

### Remove a cart block

<figure><img src="/files/4QTvWUIT3CIstysxuuou" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### Block Content

{% stepper %}
{% step %}

### Edit a block setting.

In the example below, click a block setting, "Line items," change your design, and then click the "Save" button. Use the text editor, range sliders, options, and color pickers to make the cart the way you want. We can help, too; just let us know!

<figure><img src="/files/pDk1OdFMB8sp4Hys4LDg" alt=""><figcaption><p>Supercart Block Editor</p></figcaption></figure>

Change your colors, update spacing, and save your settings.&#x20;

<figure><img src="/files/5wh27lT02Ai8Q8vvkYk6" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Update Block content

When you see the **+** sign, you can expand the area to add your block content.

<figure><img src="/files/g2gSEletW0qb3EHK9U4A" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Re-publish the cart when you are done.

{% hint style="success" %}
Whenever you change a block content, the cart **needs to be re-published**. When this happens, the cart editor will show you a "**Re-Publish**" button. Re-publish the cart settings so your customer can see your latest updates.
{% endhint %}

<figure><img src="/files/Nk4hKYsaFjLtbpQS61qv" alt=""><figcaption><p>Re-Publish a cart design after you make a change</p></figcaption></figure>

View the **Publish Your Cart** page to learn how to publish a cart on your store.
{% endstep %}
{% endstepper %}

{% content-ref url="/pages/JjjojIyKxaiBPzzLwvtg" %}
[Publish your cart](/supercart-docs/getting-started/publish-your-cart.md)
{% endcontent-ref %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://supercartapp.gitbook.io/supercart-docs/basics/cart-editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
