# Featured collection

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F8owMTOgEV52pTmex4hlu%2FUntitled.png?alt=media&#x26;token=a4c49c77-abfc-43bc-8d00-be424f197ba3" 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://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F9U7IJqORbSyTx1XtFsvp%2FUntitled%201.png?alt=media&#x26;token=af7a2f4c-6418-45f5-b786-0a5aa32e06df" alt=""><figcaption></figcaption></figure>

## **Section settings**

### General

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2Fq6i2SXBGzq6GO53O72EU%2FUntitled%202.png?alt=media&#x26;token=a570da91-4924-49f9-a266-a26a242a3eb2" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FC4tkDCLS4KM6C9hwdaFU%2FUntitled%203.png?alt=media&#x26;token=bb634b50-918c-4b44-ae25-8854b077c9f6" 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://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FG8bsmlYXJUUMDhPeFcGl%2FUntitled%204.png?alt=media&#x26;token=4ab9cbcc-acca-4aa4-9dce-d148aa535e3f" 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://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F5Aja7Ikl2vMS9B9cUd7J%2FUntitled%205.png?alt=media&#x26;token=197dbb64-1302-48bf-9429-c14243d5e24e" 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**.