# Featured collection

{% hint style="success" %}
Steps

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

The Featured Collection section offers both grid and carousel display options, giving you the flexibility to choose the layout that best fits your design. You can customize the number of products displayed on desktop, tablet, and mobile, ensuring an optimized viewing experience across all devices. Additionally, the section allows for background and color customization, giving you full control over the look and feel to match your website's aesthetic and branding.

<figure><img src="https://content.gitbook.com/content/Y7qRoEtZDVZADcUOVdzb/blobs/zeg13tWpptfEjly3fKJH/image.png" alt=""><figcaption></figcaption></figure>

## General settings <a href="#id-1.-design-settings" id="id-1.-design-settings"></a>

**Layout, product style**

<figure><img src="https://content.gitbook.com/content/Y7qRoEtZDVZADcUOVdzb/blobs/TeAfXH6W5k7rpQA9INex/image.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/Y7qRoEtZDVZADcUOVdzb/blobs/z0QV18OEMXmMtpf2006d/image.png" alt=""><figcaption></figcaption></figure>

**Heading**

<figure><img src="https://content.gitbook.com/content/Y7qRoEtZDVZADcUOVdzb/blobs/IHMrELh5COp7LCKY0nmb/image.png" alt=""><figcaption></figcaption></figure>

**Carousel**

<figure><img src="https://content.gitbook.com/content/Y7qRoEtZDVZADcUOVdzb/blobs/4ac6KOqZNLdIjA9gmjrz/image.png" alt=""><figcaption></figcaption></figure>

**Product card**

<figure><img src="https://content.gitbook.com/content/Y7qRoEtZDVZADcUOVdzb/blobs/iInqIpbdblmLV1BuMEd9/image.png" alt=""><figcaption></figcaption></figure>

**Color**

<figure><img src="https://content.gitbook.com/content/Y7qRoEtZDVZADcUOVdzb/blobs/7HVngzkEfB8aci5dSykF/image.png" alt=""><figcaption></figcaption></figure>

**Backround parallax**

<figure><img src="https://content.gitbook.com/content/Y7qRoEtZDVZADcUOVdzb/blobs/oG9Lsg0KWctuibImNT1u/image.png" alt=""><figcaption></figcaption></figure>

**Spacing and Custom Attributes**

<figure><img src="https://content.gitbook.com/content/Y7qRoEtZDVZADcUOVdzb/blobs/GG3briIzBf7U8f684rca/image.png" alt=""><figcaption></figcaption></figure>
