# Featured collection

![image](https://docs-assets.foxecom.app/zest-theme/Fox-BG%20Light%20(36)_XHtOZPAd.jpg)

Featuring collections can help merchants promote sales and new collections. This article will show you how to add and customize your featured collection section in Zest.

## How to add a Featured collection section to your Shopify store

<Hint type="success">

Steps

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate the **Featured collection.**
3. Make necessary changes.
4. **Save.**

</Hint>

## How to customize your Featured collection section

### **Section settings**

#### ⚙️ Grid settings

<Table widths="280,auto">

| Setting | Description |
| --- | --- |
| **Layout** | Choose to display the section header with the View all button in horizontal or vertical layout. |
| **Collection** | Choose the collection whose products will appear in the grid. |
| **Products to show** | Limit the number of products displayed. |
| **Number of columns on desktop** | Set how many products display per row (2–12 columns). |
| **Column / Row gap** | Control spacing between items in the grid. |

</Table>

![image](https://docs-assets.foxecom.app/zest-theme/image_SH9WWHJz.png)

<Tabs>
<Tab title="Section header layout: Horizontal">

![image](https://docs-assets.foxecom.app/zest-theme/image_1I6Wo9yg.png)

</Tab>

<Tab title="Section header layout: Vertical">

![image](https://docs-assets.foxecom.app/zest-theme/image_yilHfCjG.png)

</Tab>
</Tabs>

#### 🛍️ Product card settings

<Table widths="280,auto">

| Setting | Description |
| --- | --- |
| **Image ratio** | Inherit global settings or choose a fixed ratio for product cards' image. |
| **Show vendor** | Toggle whether to display the product’s vendor name. |

</Table>

To set up other addons, such as badges, buttons, etc. to the product cards, check out this article:

<PageLink href="https://docs.foxecom.com/zest-theme/theme-settings/product-card">Product card</PageLink>

#### 🎠 Carousel settings

<Table widths="280,auto">

| Setting | Description |
| --- | --- |
| **Enable carousel on desktop** | Turns the static grid into a scrollable carousel (only if items > columns). |
| **Show navigation / pagination** | Adds arrows or page dots to the carousel. |

</Table>

![image](https://docs-assets.foxecom.app/zest-theme/image_fK59A1ZG.png)

#### 🔘 View all button

<Table widths="250,auto">

| Setting | Description |
| --- | --- |
| **Show on heading section** | Enables the “View all” link next to your heading. |
| **Button label** | Customize the CTA. |

</Table>

<Tabs>
<Tab title="Default">

![image](https://docs-assets.foxecom.app/zest-theme/image_FiHRuHqf.png)

</Tab>

<Tab title="Show on heading section">

![image](https://docs-assets.foxecom.app/zest-theme/image_pP0xqE2j.png)

</Tab>
</Tabs>

#### 📱 Mobile layout

<Table widths="250,auto">

| Setting | Description |
| --- | --- |
| **Enable swipe on mobile** | Allow horizontal swipe navigation. |
| **Number of columns** | Choose 1 or 2 columns on mobile. |

</Table>