# Cart

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

* In the theme editor (**Customize**), click **Theme settings.**
* Locate **Cart.**
* Make necessary changes.
* **Save.**
  {% endhint %}

## Cart type & cart icon

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FGeYRGSFG8toQTWuYOApK%2Fimage.png?alt=media&#x26;token=a71d3d3c-f31b-4ad3-8e63-469c312f96e8" alt=""><figcaption></figcaption></figure>

You can change the cart type and cart icon displayed on the site.

{% tabs %}
{% tab title="Cart drawer" %}

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FXpxtwcYIzWWj7uQazgfm%2Fimage.png?alt=media&#x26;token=2d421780-bc8d-4087-a8c6-fd4e830c5e48" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
When the **Cart type** is set as **Drawer**, a side pops up whenever customers add an item to the cart, offering customers the opportunity to continue shopping while they can see the cart information. Customers can also edit the quantity or add a specific note.
{% endhint %}
{% endtab %}

{% tab title="Cart page" %}

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FGAgPUQMAWqAWqI08doBp%2Fimage.png?alt=media&#x26;token=22b04143-ee77-4c35-9d49-e178a5bc07c9" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
When the **Cart type** is set as **Page,** customers will be directed to the cart page.
{% endhint %}
{% endtab %}
{% endtabs %}

## Free shipping goal

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FhqcmydfzX6Bk0hbuGO3X%2Fimage.png?alt=media&#x26;token=f3cab461-1182-47e6-bc0d-80fdd789f3a4" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
To give free shipping to customers, make sure that you have properly configured your [shipping rates](https://help.shopify.com/en/manual/fulfillment/setup/shipping-rates).

The Free shipping goal is based on the store's primary currency. If customers switch to another currency, the goal will be calculated using Shopify market [exchange rates](https://help.shopify.com/en/manual/markets/pricing/exchange-rates).
{% endhint %}

* **Free shipping minimum amount**: Fill in the minimum amount spent for free shipping.&#x20;

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FCiHHGAlrxqn86Q5vgu7y%2Fimage.png?alt=media&#x26;token=fa2e0248-e334-4577-8151-7dd80f2978eb" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Use a round number without currency, symbols, or letters as the minimum spend for free shipping.
{% endhint %}

## Cart empty recommendations

Display a list of suggested collections customers can explore if they view their empty cart.

Simply insert your motivational messages and select the collections you want to showcase. It will take the visitors to the corresponding collection page when clicked.

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FB6nnR0rxLetGoOTLL7xf%2Fimage.png?alt=media&#x26;token=be1932a5-365b-42a7-ac3f-41fcd2950da4" alt=""><figcaption></figcaption></figure>

## Configure your cart drawer

Once you've enabled the **Cart type** as **Drawer**, see how to customize your cart drawer here:

{% content-ref url="../pages-global-sections/cart-drawer" %}
[cart-drawer](https://docs.foxecom.com/hyper-theme/pages-global-sections/cart-drawer)
{% endcontent-ref %}

***

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FkUIzEsJKOeRiz891zyf5%2Flivechat883x471%20(1).png?alt=media&#x26;token=90cbed2c-e791-49c8-9f43-49a08bed6f1f" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_hyper&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>