> 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/product-benefits.md).

# Product benefits

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

## **Adding a section**

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

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

## **Section settings**

### General

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

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

<figure><img src="/files/4C0HTBWRtaXELvv2zF5n" alt=""><figcaption></figcaption></figure>

1. **`Label`** - can be set for the label section.
2. **`Heading`** - can be set for the title section.
3. **`Text`** - can be set for the text section.
4. **`Image`** - can be set for the image section.
5. **`Button text`** - you can set the text for the button.
6. **`Button link`** - you can set the link for the button.
7. **`Button style`** - the setting is responsible for the style of the button.

### **Color**

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

1. **`Background`** - you can choose a color for the background of the section.
2. **`Label`** - you can choose a color for the label.
3. **`Text`** - you can choose a color for the text.
4. **`Box background`** - you can choose a color for the box background.
5. **`Box text`** - you can choose a color for the box text.

### **Layout**

<figure><img src="/files/IXUFcsG7aQN5WRRKLLNO" 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**.

## **Blocks settings**

### **Logo**

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

1. **`Image`** - you can set a picture for the logo.

### **Text feature**

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

1. **`Heading`** - you can set a title for the block.
2. **`Text`** - you can set the text for the block.

### **Box feature**

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

1. **`Image`** - you can set a picture for the block.
2. **`Heading`** - you can set a title for the block.