# Cart

{% embed url="<https://youtu.be/hJUTDHS84UI>" %}

The cart drawer is a slide where the cart information will show. A side pops up whenever customers add an item to the cart, offering customers to continue shopping while they can see the cart information. Customers can also edit the quantity or add a specific note.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/dDTvY7UGouCPL82BkGJq/image.png" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Theme settings**

2. Locate **Cart**

3. Make necessary changes

4. **Save**
   {% endhint %}

5. **Free shipping rates:** This option allows you to set the minimum shipping amount for Customers, which means, when Customers reach to that minimum amount, they will have free shipping offer.

   <figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/CVJ9jfMFnGVCEZVgtzFh/card2.jpg" alt=""><figcaption></figcaption></figure>

   <figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2F15RNeW2dBfb5ugEhwoDG%2Fimage.png?alt=media&#x26;token=2466f742-da8d-4aa9-a960-9d6d19582256" alt=""><figcaption></figcaption></figure>

6. **Cart countdown:** Tick the checkbox "**Show on and cart page**" to enable cart countdown in cart dawn.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/nqjZ3ZN0wgSuGyoKu9B5/image.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/JVrzo4Ikb3G2cWLDSEus/image.png" alt=""><figcaption></figcaption></figure>

3. **Cart note:** Activating the **Cart note** feature enables customers to add notes to their shopping cart, enhancing communication and providing additional information during checkout.

<figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2FWfc3QkVMUYhbC03bHi8i%2Fimage.png?alt=media&#x26;token=96d5de66-0187-49ff-80dc-ec17437c1914" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/jvL9ZbfM54SyOBaRbmFA/Screenshot%202023-12-18%20104155.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/YuYwWdlhcmOoqvES4qKR/Screenshot%202023-12-18%20104841.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/seS67G3ak6G1PVuSne4x/Screenshot%202023-12-18%20105030.png" alt=""><figcaption></figcaption></figure>

4. **Gift wrap:** This option allows you add product to the Gift wrap in Shopping Cart Widget.

<figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2FCT8BPP8C5FGFyg18ln4p%2Fimage.png?alt=media&#x26;token=066284b1-f430-42b2-9526-b2f7e9e319bd" alt=""><figcaption></figcaption></figure>

5. **Shipping Rates Calculator:** Customers can begin the calculation process by entering their information.

<figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2FwbvXC6VVdkOHsAj8DqRz%2Fimage.png?alt=media&#x26;token=2080e53c-67d9-4de1-a4cf-9715b8ece028" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2FXSOYB04UPtcLxpWxSVAW%2FScreenshot%202023-12-20%20084359.png?alt=media&#x26;token=50585a23-f296-49e4-bb66-53b168d5e99e" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2FmtZ5HV9ZKhRt5tlHXwVO%2FScreenshot%202023-12-20%20084930.png?alt=media&#x26;token=5c84fbdd-d123-418e-9982-634763b00d85" alt=""><figcaption></figcaption></figure>

6. **Products recommendation:** This section will appear below the products in customers' carts and automatically display recommended products. Alternatively, you have the option to manually choose which products to show in this section.

<figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2FBRIAfciot2YE3TEW6Lp8%2Fimage.png?alt=media&#x26;token=5670b80c-ccf8-4727-ad23-b574213f28e8" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Note\*: How to change shipping information text?**
{% endhint %}

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/8GH0ILeqsVqWm4CNxaSd/Screenshot_154.png" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Step:**&#x20;

1. From your admin, go to **Online Stores -> Themes**
2. Click to theme setting icon then select **Edit default theme content**&#x20;
3. Search keywords **"Free shipping"** and edit the message in section **Cart** as you wish
   {% endhint %}

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/hApEjyh9MluG1l3XaG6k/Screenshot_155.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/bc8ci8deYFHragyKTJW4/Screenshot_156.png" alt=""><figcaption></figcaption></figure>