> For the complete documentation index, see [llms.txt](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/header/cart-drawer.md).

# 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;