# Featured collection

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FsrW0thBmcCjVR2VbhPxs%2F2025-04-03_23-59-38.jpg?alt=media&#x26;token=402cbec6-2e92-491b-8f9e-4a0e14c15714" 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://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FsLU25Q8JChPBb5LLZn4z%2F2025-04-04_00-00-15.jpg?alt=media&#x26;token=ed3f9402-2f75-4ee6-813e-e03d3da02183" alt=""><figcaption></figcaption></figure> <figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F8ORYRZzOMlZ7mMs79ikZ%2F2025-04-04_00-00-35.jpg?alt=media&#x26;token=84bab9c8-187f-459d-b8c5-129fa6b25a69" alt=""><figcaption></figcaption></figure></div>

* **Width** - With of this section 3 options : Boxed / Wide / Full
* **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)**
* Gap (desktop)

### Mobile Layout

* **Products per row (mobile)** : 1 column / 2 columns
* **Gap (mobile)**
* Enable swipe on mobile

### Colors

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

### Section padding

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