> 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/featured-collection.md).

# Featured collection

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

## **Adding a section**

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

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

## **Section settings**

### General

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

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

1. **`Collection`** - you can select a collection for the section.
2. **`Image`** - you can choose an alternative picture for the collection.
3. **`Image size`** - you can choose the size of the picture.
4. **`Products per row`** - you can choose the number of products in a row (2, 3).
5. **`Products to show`** - you can set the product output limit from 2 to 6.

### Color

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

1. **`Image overlay`** - you can set the color for the image overlay.
2. **`Image text`** - you can set the color of the picture text.

### **Layout**

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