> For the complete documentation index, see [llms.txt](https://docs.novaworks.net/naturya-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.novaworks.net/naturya-shopify-theme/global-sections/cart-drawer.md).

# Cart drawer

Set up Cart drawer for a seamless shopping experience.

<figure><img src="https://content.gitbook.com/content/IYPKKOtdkJBt7SNkEXVv/blobs/PpPsDu9jIYC4diJwmjug/miniture-mockup-cart.jpg" alt=""><figcaption></figcaption></figure>

Cart drawer (also known as the slide-out cart, or side cart) allows customers to view and manage their shopping cart without leaving the current page.

Overall, a cart drawer is useful for improving the user experience and increasing conversions to an online store. By giving an enhanced customer experience, you can reduce the cart abandonment rate of your store.

### How to enable the Cart drawer <a href="#how-to-enable-the-cart-drawer-for-your-shopify-store" id="how-to-enable-the-cart-drawer-for-your-shopify-store"></a>

{% hint style="success" %}
Steps:

1. From the theme editor (**Customize**), navigate to **Theme settings** > **Cart**.
2. Set the **Type** as **Drawer**.
3. **Save** the changes.
   {% endhint %}

<figure><img src="https://content.gitbook.com/content/IYPKKOtdkJBt7SNkEXVv/blobs/Es30kSaMTgqtW5SigeMQ/Screenshot%20at%20Apr%2028%2021-23-44.png" alt=""><figcaption></figcaption></figure>

### How to customize the Cart drawer <a href="#how-to-customize-your-cart-drawer" id="how-to-customize-your-cart-drawer"></a>

{% hint style="success" %}
Steps:

1. In the theme editor (**Customize**), scroll down to the **Overlay group** area.
2. Select the **Cart drawer** section.
3. Make necessary changes.
4. Click **Save**.
   {% endhint %}

<figure><img src="https://content.gitbook.com/content/IYPKKOtdkJBt7SNkEXVv/blobs/pwLqyNMOG4NS8ikjoYUl/Screenshot%20at%20Apr%2028%2021-25-22.png" alt=""><figcaption></figcaption></figure>