# Featured collection

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2Fhl69UVaF9UVlsMrlImOr%2Ff-c.jpg?alt=media&#x26;token=437b3dd0-30c8-40e6-ac34-0698c8bfd05a" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Steps:**&#x20;

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Featured collection.**
3. Make necessary changes. > **Save.**
   {% endhint %}

## General Settings

<div><figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FREtcrtv9PDoqUbTPUIYD%2Ff-c-1.jpg?alt=media&#x26;token=c64467d9-6f25-4eb2-b99c-dd5a813a6530" alt=""><figcaption></figcaption></figure> <figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FozXh1Pn7y0eK14fvOnBg%2Ff-c-2.jpg?alt=media&#x26;token=524e26c8-8858-49d2-9764-aed57e858138" alt=""><figcaption></figcaption></figure> <figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FGombwKWrbfzWjPpXAxxt%2Ff-c-3.jpg?alt=media&#x26;token=360fc7e6-d098-44f8-9eaa-819df9210f97" alt=""><figcaption></figcaption></figure></div>

* **Width** - With of this section 3 options : Container / Stretched / Full width
* **Subheading**&#x20;
* **Heading** - Heading of this section
* **Heading size** - From Heading 1 to Heading 6
* **Description** - Description of this section
* **Layout** - *Horizontal / Vertical*

### Product list

* **Collection** - Select collection to show.
* **Products** - Select product to show ( Replaces collection when selected. )

### View all button

* **Link url**  - Link for button in Header section
* **Link text** - Text for button
* **Button type**  -  there are 7 Options button
* **Show arrow icon**

### Grid settings

* **Stack products** -  Display products in a grid layout. ( If disable Layout products is carousel )
* **Show carousel progress bar**
* **Enable overflow visible** - When this feature is enabled, the Carousel will be allowed to overflow from the container
* **Products to show**
* **Products per row (desktop)**

### Mobile Layout

* **Columns on mobile** : 1 column / 2 columns ( When stacked products are enabled.)
* Enable swipe on mobile

### Colors

* **Background**
* **Text color**

### Section padding

* **Top padding**
* **Bottom padding**
