> 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.md).
# Cart
{% hint style="info" %}
**Theme Editor → Theme settings → Cart**
{% endhint %}
### The cart is where browsers become buyers
Every friction point between "add to cart" and "checkout" costs you a conversion. Avante's cart settings are designed to remove those friction points — with the right post-add behavior, a visual free shipping motivator, and a consent checkbox that handles compliance without a third-party app.
***
### General
**Choose name and icon** — selects the cart button label and icon style in the header: `Cart`, `Basket`, or `Bag`.
**Enable cart drawer** — clicking the cart button opens a slide-in drawer instead of navigating to the cart page.
**Action after adding to cart** — controls what happens when a customer clicks Add to cart:
| Option | Behavior | Best for |
| ------------------------------------------- | ----------------------------------------------------------------- | -------------------------------------------- |
| **Display cart drawer** | Opens the cart drawer immediately | Stores where multi-item purchases are common |
| **Display success window with suggestions** | Shows a confirmation popup with product recommendations (upsells) | Stores that want to surface related products |
| **Disabled** | Item added silently, no interruption | High-intent, single-SKU stores |
{% hint style="info" %}
To configure the Success window with suggestions, go to **Theme settings →** [**Cart drawer**](/docs/avante-themes/theme-settings/cart-drawer.md).
{% endhint %}
{% hint style="success" icon="sparkles" %}
**Pro tip:** Set the action to **Display cart drawer** and keep **Enable cart drawer** on — this creates a seamless one-tap path from product page to checkout.
{% endhint %}
**Disable shopping functionality** — hides the cart and all Add to cart buttons across the store. Useful for B2B or catalog-only stores.
***
### Checkbox
Adds an optional consent checkbox to the cart before checkout — for age verification, GDPR acknowledgment, or Terms and Conditions.
| Setting | Description |
| -------------------- | --------------------------------------------------------------------------------------- |
| **Enable checkbox** | Shows the checkbox in the cart |
| **Make it required** | Prevents checkout until the checkbox is ticked |
| **Text** | Label text next to the checkbox. Supports links (e.g. to your Privacy Policy or Terms). |
{% hint style="warning" %}
Adding a checkbox does not automatically make your store GDPR compliant. See [Shopify's GDPR guide](https://help.shopify.com/en/manual/privacy-and-security/privacy/gdpr/comply-with-gdpr) for more information.
{% endhint %}
***
### Media
Controls how product images appear in the cart.
| Setting | Description |
| ------------------------------ | --------------------------------------------------- |
| **Image ratio** | Aspect ratio for product images in the cart |
| **Focal point** | Which part of the image stays centered when cropped |
| **Fit media inside container** | Scales images to fit without cropping |
***
### Free shipping bar
A free shipping threshold shown as a visual progress bar is one of the highest-converting features in e-commerce. When a customer can see they're $12 away from free shipping, they add another item.
| Setting | Description |
| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Enable on cart page** | Shows the bar on the /cart page |
| **Enable on cart drawer** | Shows the bar inside the cart drawer |
| **Free shipping minimum amount** | The threshold in your store's main currency (no currency code). For per-market thresholds, use the [Translate & Adapt app](https://apps.shopify.com/translate-and-adapt). |
| **Progress color** | Color of the bar before the threshold is reached |
| **Complete color** | Color of the bar when the threshold is met |
---
# 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.md?ask=&goal=
```
`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.