> For the complete documentation index, see [llms.txt](https://moodboard-creations.gitbook.io/agnes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://moodboard-creations.gitbook.io/agnes/global-sections/cart-drawer.md).

# Cart drawer

### What It Does

The Cart drawer section lets you customize the slide-out cart panel that appears when customers add products to their cart or open the cart drawer.\
\
![](https://2645423936-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLLxG2SIHjPDwi3MOrF9a%2Fuploads%2Fk5X27B550oMO2lYbERzf%2FCart%20Drawer.png?alt=media\&token=3d30cee1-c6a9-4184-84ce-60c8527f4da1)<br>

{% hint style="success" %}

#### How to Edit it

1. In the Shopify theme editor, find the **Cart drawer** section in the sidebar.
2. Click on it to expand its settings.
3. Adjust the settings described below to customize its appearance and behavior.
4. Click **Save** to apply your changes.
   {% endhint %}

***

### Settings

#### **Enable in edit mode**

When enabled, the cart drawer is displayed in the theme editor.

#### **Show vendor**

When enabled, displays vendor. Disable to hide it.

#### **Show quantity**

When enabled, displays quantity. Disable to hide it.

#### **Show price**

When enabled, displays price. Disable to hide it.

#### **Show cart note**

When enabled, displays cart note. Disable to hide it.

#### **Show payment icons**

When enabled, displays payment icons. Disable to hide it.

#### **Show progress bar for free shipping**

When enabled, displays progress bar for free shipping. Disable to hide it.

{% hint style="info" %}
You can set the free-shipping threshold in Theme settings > Free shipping
{% endhint %}

***

### Supported Blocks

#### Recommendations

See the child document for full settings: [Recommendations](/agnes/global-sections/cart-drawer/recommendation.md)