# Collection tabs

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F07eJLNWwg7ZZe6Jt4yUR%2F2025-04-04_12-29-18.jpg?alt=media&#x26;token=842efdf1-0104-4afc-82ee-4b810dd90e6f" alt=""><figcaption></figcaption></figure>

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

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

## General settings

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F2lVOl7lk6ZMVVv54IAXF%2F2025-04-04_12-30-39.jpg?alt=media&#x26;token=5d7ffb9d-acb2-4736-9fd9-8c279ee28083" alt=""><figcaption></figcaption></figure>

* **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
* **Uppercase tab headings**
* **Tabs font family** - Headings font / Body font
* **Layout** - *Horizontal / Vertical*

### Grid settings

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FTG3l8ZkdAhyMCXhw0DbQ%2F2025-04-04_12-31-13.jpg?alt=media&#x26;token=f2189a12-cf86-4379-bd25-db80eb3ed17d" alt=""><figcaption></figcaption></figure>

* **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

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FtBt61n1aXr4BVIayibBz%2F2025-04-04_12-31-59.jpg?alt=media&#x26;token=a67bdff0-2f8b-42af-9ba7-c81cb4a5056e" alt=""><figcaption></figcaption></figure>

* **Columns on mobile** : 1 column / 2 columns&#x20;
* **Gap (mobile)**
* **Enable swipe on mobile**

### Colors

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/UGk0oLMDJ9FIGhG6FfAC/color-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

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

### Section padding

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/n2xL6bjz1tYl76g1pebr/padding-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

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

## **Block settings**

{% hint style="success" %}
Steps:

1. Locate **Slideshow.**
2. **Add Collection**
3. Make necessary changes. > **Save.**
   {% endhint %}

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FtKvXY9ctb0yJAoey4SDV%2F2025-04-04_12-33-30.jpg?alt=media&#x26;token=8d0ee7ad-6b63-4642-89f4-7464bc52ecfe" alt=""><figcaption></figcaption></figure>

* **Collection** - Select Collection
* **Tab Heading** - Custom tab heading