# Featured collection

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

## **Section settings**

### General

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

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/USvI85G3bH1nXI7gP7tz/Untitled%203.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/FGOCOxmDspzOdBNoyM4Q/Untitled%204.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/ZjbLkS5LtlVsKrPghfo5/Untitled%205.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**.