# Cart

***

The **Cart settings** allow you to control how customers interact with their cart, offering flexible display options and features that streamline the path to checkout and improve the overall shopping experience.

### **I. Cart settings**

**1. Cart type:** Defines how the cart appears when a product is added.

{% tabs %}
{% tab title="Page" %}
Redirects customers to the cart page.

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FAAe2ISoXZg2uXkEe9YGa%2FScreenshot%202026-03-31%20at%2012.21.56%E2%80%AFPM.png?alt=media&#x26;token=36391096-86f8-46ea-8fd8-6c4d217ee837" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Drawer" %}
Opens a slide-out cart from the side without leaving the current page.

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FOueO2MqY6oWY1cKac3HM%2FScreenshot%202026-03-31%20at%2012.23.16%E2%80%AFPM.png?alt=media&#x26;token=6e841abe-ce97-47a4-bd67-17eb8640ba8b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Popup notification" %}
Displays a confirmation popup, allowing customers to review items, go to cart, or continue shopping.

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FufsqlfdfMGpA6de5fwvY%2FScreenshot%202026-03-31%20at%2012.24.32%E2%80%AFPM.png?alt=media&#x26;token=d2999090-f61d-4ef6-9a5c-58aa67ef113a" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

**2. Cart drawer settings**

* **Show vendor**: Displays the product’s vendor name.
* **Enable cart note**: Adds a note field for special instructions.
* **Allow discounts in cart**: Lets customers apply discount codes directly in the cart drawer.

**3. Product recommendations**

* **Show cart recommendations**: Displays suggested products in the cart drawer.
* **Heading**: Customize the recommendation section title.
* **Number of products to show**: Set the maximum number of recommended products.
* **Enable quick buy button**: Allows quick product preview without leaving the cart.

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FtdQ9lcBdEDnZDfYFnk2s%2FScreenshot%202026-03-31%20at%2012.27.07%E2%80%AFPM.png?alt=media&#x26;token=02eb9378-d064-49d1-bd33-b7a68e92aa7b" alt=""><figcaption></figcaption></figure>

**4. Free shipping message**

* **Show free shipping message**: Enable/disable the feature.
* **Minimum spend**: Set the required amount (e.g., 100).
* **Message**: Dynamic message (e.g., *“You are ||amount|| away from free shipping”*).
* **Message when achieved**: Shown when threshold is met.
* **Progress bar**: Customize the progress indicator color.

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FyFojk8FaVrvSp1DVxvAm%2FScreenshot%202026-03-31%20at%2012.30.40%E2%80%AFPM.png?alt=media&#x26;token=94c35958-b385-4f1b-b5fa-4d77c2e920c0" alt=""><figcaption></figcaption></figure>

### **II. Set up free shipping in Shopify admin**

To activate the free shipping message, configure a free shipping rate:

1. Go to **Shopify admin → Settings → Shipping and delivery**

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FMAF9yA0fX6WgK2K4J5M3%2FScreenshot%202026-03-31%20at%2012.35.27%E2%80%AFPM.png?alt=media&#x26;token=d4b3b535-8a80-48f0-b736-3c8c85e1d153" alt=""><figcaption></figcaption></figure>

2. In **Shipping zones**, click **Add shipping option**

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FWju4qCq5cnBfaGHyupRO%2FScreenshot%202026-03-31%20at%201.38.10%E2%80%AFPM.png?alt=media&#x26;token=fa067973-68b2-4450-ad75-1af888df9b44" alt=""><figcaption></figcaption></figure>

3. Enter the **Name**, set **Price = 0.00** (free shipping), and define the **Transit time**

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FL81WdCDJulKQM2P8zYzl%2FScreenshot%202026-03-31%20at%201.44.44%E2%80%AFPM.png?alt=media&#x26;token=3f7f1c3b-70f5-4921-b78d-dce9a623f519" alt=""><figcaption></figcaption></figure>

5. Click **Done → Save**