> 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/ultra-sections/sections-and-snippets/best-deals.md).

# Best deals

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/ADyVupEz1rOcsPoOmP1D/Best-deals.gif" alt=""><figcaption></figcaption></figure>

## **Adding a section**

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/49FMTo2CgIYVCeZ1ATGG/best-deals.png" alt=""><figcaption></figcaption></figure>

In order to add a section, you need to go to **`Customizer`** → **`Add Section`** → **`Best deals`**.

## **Section settings**

### General

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/F7XJwj6tJHc45qpaeB2c/best-deals2.png" alt=""><figcaption></figcaption></figure>

1. **`Label`** - the setting allows you to set the text for the label;
2. **`Heading`** - the setting allows you to set the text for the title;
3. **`Section button label`** - the setting allows you to set the label for the button;
4. **`Section button type`** - the setting allows you to set the type of the button;
5. **`Product button type`** - the setting allows you to set the type of the product button;
6. **`Product info background opacity`** - the setting allows you to set the opacity for the product info background;
7. **`Enable product info glass effect`** - the setting allows you to set the glass effect for the product info background(**info:** This effect is working only when background opacity less than 1).

### Colors

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

1. **`Product info background`** - the setting allows you to set the color of the product info background;
2. **`Product info text`** - the setting allows you to set the color of the product info text;
3. **`Product sale price`** - the setting allows you to set the color of the product sale price;
4. **`Product compare price`** - the setting allows you to set the color of the product compare price.

### Layout

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/rYwLKlz2xt7v4AL7H87j/best-sellers-layout.png" alt=""><figcaption></figcaption></figure>

1. **`Container width`** - a container width of the section. If the “Inherit” value is selected then the container width is based on the group 'Layout' settings in the Theme settings;
2. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
3. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
4. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
5. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.

## Block settings

### General

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

1. **`Collection`** - the setting allows you to set the collection for the block;
2. **`Collection title`** - the setting allows you to set the collection title to show;
3. **`Product`** - the setting allows you to set the product for the block;
4. **`Product title`** - the setting allows you to set the product title to show;
5. **`Image`** - the setting allows you to set the custom image for the block (default: featured image of the product).

## **Additional information**

1. A section can have a maximum of 4 blocks.
2. **Labels settings**. For the **label** to be displayed, a tag must be added to the product, for example, `label_new` is the base **label** that will display `NEW` with the base color. To change the type of a **label**, you need to add a `:type`, such as `label__new:primary` or `label__new:secondary`. The number of displayed **labels** is **limited to 3**, as well as a **soldout label** in case the product is not available.