> For the complete documentation index, see [llms.txt](https://staylime.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://staylime.com/docs/avante-themes/theme-settings/cart-drawer.md).

# Cart drawer

{% hint style="info" %}
**Theme Editor → Theme settings → Cart drawer**
{% endhint %}

<figure><img src="/files/A9U1RYPHYHWM4Y4le4yQ" alt=""><figcaption></figcaption></figure>

### Turn your cart drawer into a revenue tool

The cart drawer isn't just a list of items — it's a high-intent touchpoint. The customer has already decided to buy; this is your last opportunity to increase order value, remove friction before checkout, and give them everything they need without navigating away. Layer in product recommendations, a discount code field, order notes, and a shipping calculator — all without cluttering the experience.

***

### General

<figure><img src="/files/DeDx5yQy1fO3iBXoteV6" alt=""><figcaption></figcaption></figure>

**Show 'You saved'** — displays the total savings from active discounts. Requires discounts to be configured in Shopify Admin.

**Hide 'View cart' button** — removes the link to the full /cart page. Useful when you want customers to go straight from the drawer to checkout without a detour.

{% hint style="success" icon="sparkles" %}
**Pro tip:** Enable **Show 'You saved'** when running sales or discount campaigns — seeing the total saving amount before checkout reinforces the value of buying now rather than waiting.
{% endhint %}

***

### Discount code

Adds a discount code field directly in the cart drawer — customers never need to navigate away to enter their code.

<figure><img src="/files/9aVjazGvpHIJCzdYjs2H" alt=""><figcaption></figcaption></figure>

{% hint style="success" icon="sparkles" %}
Enable **Show as collapsible tab** to hide the field behind an expandable toggle — less distraction for customers who don't have a code.
{% endhint %}

***

### Order note

Adds a free-text field for customers to leave a message with their order. Useful for wholesale customers, gift messages, or stores with special requests.

<figure><img src="/files/WEvFgUJfTJCUg88arZMC" alt=""><figcaption></figcaption></figure>

{% hint style="success" icon="sparkles" %}
Enable **Show as collapsible tab** to keep the field tucked away until a customer needs it.
{% endhint %}

***

### Shipping calculator

Lets customers estimate shipping costs directly in the cart drawer — removing the fear of a surprise shipping fee at checkout, one of the most common reasons for cart abandonment.

<figure><img src="/files/GVqg46uA4KKO50MglDRq" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Requires shipping and delivery options to be configured in **Shopify Admin → Settings → Shipping and delivery**.
{% endhint %}

{% hint style="info" %}
**Default country** — preselects a country in the shipping form. If the customer is logged in, their saved address is used automatically.
{% endhint %}

***

### Cart drawer recommendations

Surface complementary products at the bottom of the drawer — when a customer is already committed enough to have added something. Use the heading to frame the intent: "Complete the look", "You might also need", or "Pairs well with".

<figure><img src="/files/F6N4W53BsX9eb0n4LjMR" alt=""><figcaption></figcaption></figure>

| Setting                             | Description                                                         |
| ----------------------------------- | ------------------------------------------------------------------- |
| **Maximum product name characters** | Enter `0` to hide the product name entirely                         |
| **Show product rating**             | Requires a product review app                                       |
| **Show short description**          | Displays the `Product subtitle` metafield value                     |
| **Enable color pills**              | Shows color swatches on cards. See Variant images vs Color Swatches |


---

# 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, and the optional `goal` query parameter:

```
GET https://staylime.com/docs/avante-themes/theme-settings/cart-drawer.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.