# Cart drawer

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/Cv1iyv61ydWkkZO7yA37/Untitled.png" alt=""><figcaption></figcaption></figure>

## **Adding a Section**

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/pdksCEeSKYyAvgjkLStL/Untitled%201.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/LpP0uHgsPCzrzFPFj15Z/Untitled%202.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/W80iQS9m709j2umlD08r/Untitled%203.png" alt=""><figcaption></figcaption></figure>

### **Upsell settings**

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/dB7EjvDcFP6sWVEfwsmN/Untitled%204.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/iqLQFoxYzdqscEHdQVEF/cart-drawer1.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/0wo479e8tuGgmn3Z4WJA/Untitled%206.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/bkkpLEWfiTXHVNjEfTiG/Untitled%207.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/bMU7puhi3lJzWnjuPNzI/Untitled%208.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/4ADyY67LrdHubNBwqJCT/Untitled%209.png" 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;