# Cart drawer

<figure><img src="/files/bT33mZo80xDkvcMYUl2y" alt=""><figcaption></figcaption></figure>

## **Adding a Section**

<figure><img src="/files/HkBWDI9rBPhmsfQC7fpQ" alt=""><figcaption></figcaption></figure>

The section is static, it is added initially and cannot be deleted. The section will be added if the **Drawer type** is selected in the **Cart global settings**.

## **Section settings**

<figure><img src="/files/uAYBisRkeFF10Vova74n" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - the setting allows you to set the text for the section title. By default, it is taken from translations;
2. **`Show items count in the cart`** - the setting is responsible for displaying the number of products in the cart;
3. **`Show gift wrap button`** - the setting allows you to enable the Show “Add gift box” button in the Cart drawer. You can learn more about the “Gift wrap button” in the “[Gift wrap product](https://www.notion.so/Gift-wrap-product-f6bde6055b654434bf088a88e76138f5?pvs=21)” section.

<figure><img src="/files/YkSB5kvfLmUPxFa6WyTa" alt=""><figcaption></figcaption></figure>

### **Upsell settings**

<figure><img src="/files/76aQFgRTToVsyaf2dD2P" alt=""><figcaption></figcaption></figure>

1. **`Upsell heading`** - the setting allows you to set a title for a popup with upsell products.

## **Blocks settings**

Blocks are introduced to provide dynamic content in the cart. Blocks can also be swapped to get different combinations. Usually, this feature is not available in other themes.

### **Block Items**

**Block limit - `1`**

The block is responsible for displaying the products in the cart. The block has no settings.

### Block Suggested Items

<figure><img src="/files/U4IxtEdURBTakpUsl246" alt=""><figcaption></figcaption></figure>

The block is responsible for displaying upsell products in the cart.

1. **`Heading`** - the setting allows you to set the text for the block title;
2. **`Products`** - the setting allows you to select products that act as upsells. **Limit** - `12` products.
3. **`Opened on load`** - the setting allows you to specify whether a dropdown with upsell products will be opened when opening the cart.

### **Block Free Shipping Progress**

**Block limit - `1`**

<figure><img src="/files/GBMc9NfQnqW2Go7Bv5jo" alt=""><figcaption></figcaption></figure>

Block is responsible for displaying the Shipping bar.

1. **`Free shipping amount`** - the setting allows you to set the amount of US money that the user must spend to fill the bar;
2. **`Shipping message`** - the setting allows you to set the text of the message that the user sees when the bar is not filled;
3. **`Shipping congratulatory message`** - the setting allows you to customize the text of the message that the user sees when the bar is full;
4. **`Icon`** - the setting allows you to set the image in the congratulatory message.

### Colors

<figure><img src="/files/FTvu0YyMFYiLgMZtypNU" alt=""><figcaption></figcaption></figure>

1. **`Progress bar background color`** - the setting allows you to set the background color for the progress bar;
2. **`Progress bar fill color`** - the setting allows you to set the fill color for the progress bar.

### **Block Richtext**

**Block limit - `1`**

### General

<figure><img src="/files/CryaAFkBMB8mHUZhmQEM" alt=""><figcaption></figcaption></figure>

1. **`Text`** - the setting allows you to set the text content;
2. **`Icon`** - the setting allows you to set the image before the text.

### Colors

<figure><img src="/files/uT44zdDjIMZEFIX8UAXR" alt=""><figcaption></figcaption></figure>

1. **`Text`** - the setting allows you to set the color for the text;
2. **`Background`** - the setting allows you to set the background color for the block.

## **Additional information**

1. **Block Suggested Items.** Products are not displayed if they are already added to the cart;
2. **Block Suggested Items.** When you click on the `add to cart` button, **Quick View** is called;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://utd-bv.gitbook.io/manual-shopify-theme-ultra/header/cart-drawer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.