# Cart drawer

**Cart drawer** allows customize action after add to cart, cart drawer,...in the theme.

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme Settings ->** **Cart drawer.**

<table><thead><tr><th width="249">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Layout style</td><td><p>Select the layout style from the dropdown menu:</p><ul><li><strong>Special</strong></li><li><strong>Classic</strong></li></ul></td></tr><tr><td>Cart type</td><td><p>Select type of action after add to cart from the dropdown menu:</p><ul><li><strong>Drawer</strong>: Show cart drawer.</li><li><strong>Page</strong>: Redirect to cart page.</li></ul></td></tr><tr><td>Show vendor</td><td>Select this checkbox to show/hide vendor on cart item.</td></tr></tbody></table>

#### Cart toolbar icon

<table><thead><tr><th width="242">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Enable cart note</td><td>Select this checkbox to show/hide cart note</td></tr><tr><td>Enable gift wrap</td><td>Select this checkbox to show/hide gift wrap</td></tr><tr><td>Choose a gift wrap</td><td>Select the product you want as a gift</td></tr><tr><td>Enable shipping free calculator</td><td>Select this checkbox to show/hide free shipping calculator</td></tr><tr><td>Default country selection</td><td>Adds a selector where a customer can choose the countries and regions that you've enabled in your payment settings, so that customers can view your product prices in the currency of their choice.</td></tr></tbody></table>

#### **Popular Products**

<table><thead><tr><th width="243">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Show popular products</td><td>Select this checkbox to show/hide popular products</td></tr><tr><td>Title</td><td>The title for the section</td></tr><tr><td>Collection</td><td>The collection that you want to display</td></tr><tr><td>Maximum product to show</td><td>The number of products from the collection to display. Must be an even number. Minimum: 1. Maximum: 5.</td></tr><tr><td>Background</td><td>Changes the color of the background.</td></tr><tr><td>Background gradient</td><td>Changes the color of the background gradient.</td></tr></tbody></table>

#### **Free shipping notification**

<figure><img src="/files/94WZivk2KcuaH5E44J7Y" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Free shipping notification** shows a progressive bar with a message when customers put more items in their shopping carts.
{% endhint %}

<table><thead><tr><th width="243">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Show free shipping notification</td><td>Select this checkbox to show/hide calculator free shipping message feature.</td></tr><tr><td>Minimum order price for free shipping</td><td>Fill in the price without currency code that orders totaling more than amount, get free shipping to specific shipping zones. You must <a href="/pages/Y1BjKmyI2SBOeNf87bCI">configure your shipping rates</a> first.</td></tr><tr><td>Background</td><td>Set the background color for this block<br><em><mark style="color:red;">(If a background gradient is set, the section's background will be set according to the background gradient setting)</mark></em></td></tr><tr><td>Background gradient</td><td>Set the background gradient for this block</td></tr></tbody></table>

**Colors**

<table><thead><tr><th width="278">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Color scheme</td><td>Choose color scheme for the cart drawer.</td></tr><tr><td>Use background gradient special</td><td>Enable/disable checkbox</td></tr><tr><td>Background</td><td>Set the background color for the cart drawer<br><em><mark style="color:red;">(If a background gradient is set, the section's background will be set according to the background gradient setting)</mark></em></td></tr><tr><td>Background gradient</td><td>Set the background gradient for the cart drawer</td></tr><tr><td>'Checkout' button color scheme</td><td>Set the color scheme for the <strong>'Checkout' button</strong></td></tr><tr><td>Choose button style</td><td><p>Select the button style for the block:</p><ul><li><strong>Default</strong></li><li><strong>Transparent</strong></li></ul></td></tr><tr><td>'View Cart' button color scheme</td><td>Set the color scheme for the <strong>'View Cart' button</strong></td></tr><tr><td>Choose button style</td><td><p>Select the button style for the block:</p><ul><li><strong>Default</strong></li><li><strong>Transparent</strong></li></ul></td></tr><tr><td>'Continue Shopping' button color scheme</td><td>Set the color scheme for the <strong>'Continue Shopping' button</strong></td></tr><tr><td>Choose button style</td><td><p>Select the button style for the block:</p><ul><li><strong>Default</strong></li><li><strong>Transparent</strong></li></ul></td></tr></tbody></table>


---

# 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://theme-petcaress.gitbook.io/theme-petcaress/theme-settings/cart-drawer.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.