# Cart

Use the Cart settings to control how the cart drawer looks and which features appear inside it. This includes drawer styling, shipping info, cart notes, accordions, and product recommendations.

### Set up the cart drawer

{% stepper %}
{% step %}

### Open the theme customiser

Go to **Online Store > Themes**.

Click **Customize** on your live theme.
{% endstep %}

{% step %}

### Open cart settings

Open **Theme settings**.

Select **Cart Drawer**.
{% endstep %}

{% step %}

### Update the main drawer settings

Set the drawer title.

Choose the heading size.

Set the drawer and empty-cart button styles.
{% endstep %}

{% step %}

### Save and test

Add a product to cart.

Open the cart drawer on desktop and mobile.

Check each enabled feature before publishing.
{% endstep %}
{% endstepper %}

### Drawer settings

These settings control the base cart drawer layout and styling.

| Setting                    | Function                                                                          |
| -------------------------- | --------------------------------------------------------------------------------- |
| **Drawer Title**           | Sets the cart heading.                                                            |
| **Heading Size**           | Controls the title size.                                                          |
| **Drawer Button Type**     | Sets the main cart action style.                                                  |
| **Drawer Button Style**    | Switches between dark and light styling.                                          |
| **Empty Button Type**      | Sets the empty-cart action style.                                                 |
| **Empty Button Style**     | Switches between dark and light styling.                                          |
| **Cart Collection Layout** | Chooses between `Split` and `Stacked`.                                            |
| **Image Size**             | Choose `Adapt`, `Square (1:1)`, `Short (4:3)`, `Portrait (4:5)`, or `Tall (2:3)`. |
| **Enable View Cart**       | Adds a link or button to the full cart page.                                      |

### Shipping info

Enable **Shipping Info** to show shipping details inside the drawer.

Once enabled, open the **Shipping Info** panel and add content for each region.

#### Regional info blocks

The current setup supports separate content for:

* **NZ and AU**
* **UK**
* **US**

For each region, you can add:

* **Info text**: The message shown in the cart drawer.
* **Info link**: An optional link to a shipping, delivery, or returns page.

{% hint style="info" %}
Use the link field for a help page, shipping policy, or returns page. Internal docs and external URLs both work.
{% endhint %}

### Shipping data

Use **Shipping Data** to show a progress message before a customer qualifies for free shipping, then switch to a success message once they reach the threshold.

#### Cart panel settings

| Setting                       | Function                                       |
| ----------------------------- | ---------------------------------------------- |
| **Enable / Disable Tooltip**  | Turns the shipping progress message on or off. |
| **Before unlock Content**     | Message shown before the threshold is reached. |
| **Set Currencies and Amount** | Free shipping threshold for each currency.     |
| **After unlock Content**      | Message shown after the threshold is reached.  |

#### Currency format

Add one currency per line using this format:

```
NZD:129
AUD:129
USD:89
GBP:70
```

Keep the format exact:

* Use the currency code first.
* Add a colon with no spaces.
* Add one value per line.

### Cart note

Enable **Cart Note** to let customers leave order notes before checkout.

If this is turned on but no note field appears, check that the note content is also configured in the relevant theme settings.

### Cart accordions

Enable **Cart Accordion** to show expandable help content inside the cart drawer.

This works well for:

* Shipping details
* Returns policy
* Dispatch times
* Pickup information

#### Accordion fields

* **Accordion Title**: The accordion label customers click.
* **Accordion Content**: The content shown when expanded.

### Cart recommendations

Enable **Cart Recommendations** to show suggested products inside the drawer.

#### Recommendation fields

* **Cart Recommendation Title**: The heading shown above recommendations.
* **Heading Size**: Controls the title size.


---

# Agent Instructions: 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://docs.almond.studio/overlay/cart.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.