> ## Documentation Index
> Fetch the complete documentation index at: https://help.yuko.so/llms.txt
> Use this file to discover all available pages before exploring further.

# How the cart editor works

> A tour of the Cart page: sections, live preview, status, saving, and locked sections.

Everything about your drawer is configured on the **Cart** page. It has
two halves: settings on the left, a live preview on the right.

## The left side: sections

Settings are grouped the same way the drawer is built, top to bottom:

| Group       | What's inside                                                                                                                                                             |
| ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Header**  | The top bar — your text or logo                                                                                                                                           |
| **Body**    | Announcement bar, Savings banner, Promotions progress bar, Products in cart, Product upsell, Timer, Trust badges                                                          |
| **Footer**  | Shipping protection, Gift wrap, Order notes, Discount codes, Subtotal row, Checkout button, Accelerated checkout buttons, Payment methods, Footer strip, Secondary button |
| **General** | Cart position, color theme, roundness, and behavior settings                                                                                                              |

Each section has an on/off toggle — turn off anything you don't need.
Footer modules can also be **dragged to reorder**, so you decide what
sits closest to the checkout button.

<Tip>
  Less is more. The drawer converts best when shoppers can see the
  products and the checkout button without scrolling. Start minimal and
  add sections one at a time.
</Tip>

## The right side: live preview

The preview updates as you type — your real store doesn't change until
you save. You can switch:

* **Desktop preview / Mobile preview** — check both; the drawer is
  usually opened on phones.
* **Cart mode** — **Item in cart** or **Empty cart**, so you can design
  the empty state too.
* **Previewing items** — pick which of your real products appear in the
  preview.
* **Previewing market** — see the drawer as shoppers in a specific
  Shopify Market would (useful with per-market reward thresholds).

## Status, Save, and Discard

* The **Status** toggle (Active / Inactive) controls whether the drawer
  replaces your theme's cart. Inactive = shoppers see your theme's
  original cart.
* **Save** publishes your changes to the storefront. **Discard** throws
  away unsaved edits.

<Warning>
  Status and Save are separate. Turning the status to Active still needs
  a **Save** before it takes effect.
</Warning>

## Locked sections

A few sections show a padlock: **Timer**, **Announcement bar**, and
**Shipping protection**. These are unlocked per store by our team —
click **Request feature** on the locked section and the support chat
opens with a pre-filled message. We'll enable it for you, usually the
same day.

## Need help?

<CardGroup cols={3}>
  <Card title="Book a call" icon="calendar-days" href="https://cal.com/yukoteam/yuko">
    Schedule a free call with our team for personal setup assistance.
  </Card>

  <Card title="Contact support" icon="comments" href="#crisp-chat">
    Chat with us directly — we're happy to help with any question.
  </Card>

  <Card title="Install Yuko Cart Drawer & Upsells" icon="download" href="https://apps.shopify.com/yuko-cart-drawer-upsell">
    Get [Yuko Cart Drawer & Upsells](https://apps.shopify.com/yuko-cart-drawer-upsell) from the Shopify App Store.
  </Card>
</CardGroup>


## Related topics

- [Quick start: set up your cart](/cart-drawer/quickstart.md)
- [Installation & setup](/post-purchase-upsells/installation.md)
- [Installation & theme setup](/cart-drawer/installation.md)
- [Overview](/cart-drawer/overview.md)
- [Shipping protection](/cart-drawer/cart/shipping-protection.md)