# Cart

{% hint style="success" %}
**Take the following steps:**

1. In the theme editor (**Customize**), click **Theme settings**
2. Locate **Cart**
3. Make the necessary adjustments.
4. **Save**
   {% endhint %}

<figure><img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/MsKvFV0cxERqhD3WZgFg/mini-cart-1.png" alt=""><figcaption></figcaption></figure>

## Cart type

1. **Drawer**
2. **Page**&#x20;

| Settings   | Description                                                                                                                                                                  |
| ---------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Drawer** | By selecting this option, the cart will utilize **Ajax** technology (**Without page reloading**), and the cart drawer will smoothly appear on the right side of the website. |
| **Page**   | By selecting this option, the cart will **redirect to the cart page**. There is **no Ajax**, **Shopping will directly go to the cart page.**                                 |

### Cart Drawer settings

| Settings                                                                            | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| ----------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Show vendor**                                                                     | You can show the vendor name on the Shopping cart product.                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| **Show cart note**                                                                  | <p>You can show/hide the cart in the cart drawer.   Customers can add a note during the shopping cart. The seller will get the note on the order page.<br><br></p><p><img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/GfqOuPWpqGwlZFHpI1Lf/cart_note.png" alt="" data-size="original"><br><br><img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/GfqOuPWpqGwlZFHpI1Lf/cart_note.png" alt="" data-size="original"></p>                            |
| **Show shipping calculator**                                                        | <p>A "shipping calculator" for an e-commerce website is a tool or feature that allows customers to estimate the cost of shipping their purchases before finalizing their orders.<br><br><img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/U8lzVTBcdf8lji2iMIhm/calculator.png" alt="" data-size="original"><br><br><img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/xwOPKrqhHTrJ767rEVAv/calc_popup.png" alt="" data-size="original"></p>       |
| **Show coupon**                                                                     | <p>A "coupon code" for an ecommerce website is a unique alphanumeric code that customers can apply during the checkout process to receive a discount or special offer on their purchase.<br><img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/6ZpbJQJE2dTvPfuaD68y/coupon.png" alt="" data-size="original"><br><br><img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/bD54brmDeFXZqzxbAgp6/coupon_popup.png" alt="" data-size="original"><br></p> |
| <p><strong>Show checkout button</strong> <br><strong>Show cart button</strong> </p> | <img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/2LUXeslT08hoHcDoGUP1/cart_checkout.png" alt="" data-size="original">                                                                                                                                                                                                                                                                                                                                                  |
| **Show continue shopping button**                                                   | <img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/ahl9CYlfIBe97TGrMam0/empty_cart_button.png" alt="" data-size="original">                                                                                                                                                                                                                                                                                                                                              |
| **Button link**                                                                     | You can add a link to the "**Continue shopping**" button                                                                                                                                                                                                                                                                                                                                                                                                                                       |

## Free shipping bar

<figure><img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/VhwKXIw1dj5QaiaeZkxi/free_shipping.png" alt=""><figcaption></figcaption></figure>

> Make sure that you have properly configured your [shipping rates.](https://patu-theme.myshopify.com/admin/settings/shipping)

| Settings                         | Description                                                                                                                                                          |
| -------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Show free shipping message**   | You can enable/disable it.                                                                                                                                           |
| **Free shipping minimum amount** | What is the minimum purchase amount for customers to get for free shipping? You need to set the amount                                                               |
| **Free shipping only amount**    | The minimum amount required to display "only" the title on the shipping message. **This will help the customer understand and get free shipping on small purchases** |
| **Shipping low color**           | For various conditions, you can change the color of the shipping bar.                                                                                                |
| **Shipping medium color**        | For various conditions, you can change the color of the shipping bar.                                                                                                |
| **Shipping high color**          | For various conditions, you can change the color of the shipping bar.                                                                                                |
| **Shipping success color**       | For various conditions, you can change the color of the shipping bar.                                                                                                |

## Gift Wrapping

<figure><img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/Qlomw3i8iok7Dgl55pB1/gi.png" alt=""><figcaption></figcaption></figure>

### How to add a gift wrap option to your cart

{% hint style="success" %}
Go to this page for more information, [**click here**](https://themihub.gitbook.io/vector-test-theme/general-topics-faq/add-a-gift-wrap-option-to-your-cart)
{% endhint %}
