# 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="https://4258944798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXLyWaWgXXqOerFzAWewi%2Fuploads%2FQR56gJmJ7dh07Y9h0ZZW%2Fcalculator-free-shipping-message-settings.png?alt=media&#x26;token=c8e74deb-38a5-4ed9-b463-11282740a6a6" 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="broken-reference">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>