> 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/SNtPz3tjXPNGXfmdQTZH/Untitled%20(34).png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/KstRqoFeMefChKslk9rI/Untitled%20(35).png" alt=""><figcaption></figcaption></figure>

## **Section settings**

### General

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/r2IUcMIN9uG7lteyQEUO/Untitled%20(36).png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/cmReVyBsu84c5QwobsgW/Untitled%20(37).png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/2tc2K7w6uwmnx1XWgC03/Untitled%20(38).png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/UBJZEan59hDzaYvMkXZ1/Untitled%20(39).png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/aH9SEEBdUkhF4DTesvge/Untitled%20(40).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**.

## **Blocks settings**

### **Logo**

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/fNPbYgynbaIlk3PMq6A6/Untitled%20(41).png" alt=""><figcaption></figcaption></figure>

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

### **Text feature**

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/e0WSSwI7NTb1ReaAgvyu/Untitled%20(42).png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/RTxMUFsZQwSRPgIY2sQh/Untitled%20(43).png" alt=""><figcaption></figcaption></figure>

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