# Collection tabs

![image](https://docs-assets.foxecom.app/hyper-theme/Hyper%20docs%20screenshot%20do%20not%20delete%20(11)_6jnyYmsl.jpg)

The Collection tabs section is designed to highlight specific collections through a unique layout and smooth visual effects. This feature helps to effectively convey information about the collection, capturing the attention of visitors and encouraging them to explore the products further.

## How to add a Collection tabs section to your Shopify store

<Hint type="success">

Steps

1. In the theme editor **(Customize)**, click **Add section.**
2. Select **Collection tabs** section.
3. Make necessary changes.
4. **Save** the settings.

</Hint>

## How to edit a Collection tabs section

### Section settings

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

#### Section header

Give the section a **Heading** and adjust the **Heading size**.

#### Tabs settings

* **Desktop image position**:

<Tabs>
<Tab title="Left">

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

</Tab>

<Tab title="Right">

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

</Tab>
</Tabs>

You can also adjust the **Image ratio** and **Collection titles' size**.

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

### Block settings

For each collection block, select a Collection, a Featured image, and insert the content for it.

<Hint type="info">

The section will automatically display the first 4 products of the selected collection.

</Hint>

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