# Cart drawer

<Embed url="https://youtu.be/5JUIETg3OMI" />

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.&#x20;

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 cart abandonment rate of your store.

![image](https://docs-assets.foxecom.app/sleek-theme/image_WwCyrgkr.png)

## How to enable the cart drawer for your store

<Hint type="success">

Steps:

1. From the theme editor (Customize), navigate to **Theme settings** > **Cart**.
2. Set the **Cart type** as **Drawer**.

![image](https://docs-assets.foxecom.app/sleek-theme/image_alAWArmi.png)

1. Change the **cart icon** and **cart empty recommendations** if needed.
2. **Save** the changes.&#x20;

</Hint>

## How to customize your cart drawer

### General settings

* **Show cart note**: To allow customers to leave a note for their order.
* **Show cart discount**: To allow customers to apply discount code to their order.
* **Show shipping rates calculator**: To display a tool that lets customers estimate their shipping costs before they proceed to the checkout page.

![image](https://docs-assets.foxecom.app/sleek-theme/image_dibpbigv.png)

### Free shipping goal

Offering free shipping can reduce cart abandonment and even entice customers to make a purchase. With Sleek, you can set up a free shipping message based on orders over certain order values.

<Hint type="info">

Set up Free shipping goal in Theme settings > [Cart](https://docs.foxecom.com/sleek-theme/theme-settings/cart)

</Hint>

![image](https://docs-assets.foxecom.app/sleek-theme/image_iBQT768O.png)

<Hint type="warning">

Make sure you have set up your free shipping rates. [See how](https://help.shopify.com/en/manual/shipping/setting-up-and-managing-your-shipping/setting-up-shipping-rates#create-free-shipping-rates)

</Hint>

![image](https://docs-assets.foxecom.app/sleek-theme/image_erLQb247.png)

### Cart recommendation

The **Cart recommendation** presents complementary product recommendations upon cart addition. The recommendations are dynamic and based on the items in your cart. They change and improve with time.

<Hint type="warning">

[Shopify Search & Discovery](https://apps.shopify.com/search-and-discovery) app is required to display product recommendations.

</Hint>

<Hint type="info">

To learn more about the recommendation logic, see [Shopify's Recommendations](https://shopify.dev/docs/themes/product-merchandising/recommendations).

To **customize the recommendation list** displayed on your product page and cart recommendations, see [Shopify Help Center.](https://help.shopify.com/manual/online-store/search-and-discovery/product-recommendations)

</Hint>

![image](https://docs-assets.foxecom.app/sleek-theme/image_UrZvpKv6.png)