> For the complete documentation index, see [llms.txt](https://oranthemes.gitbook.io/edge-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://oranthemes.gitbook.io/edge-theme/theme-sections/collection-tabs.md).

# Collection tabs

<figure><img src="/files/6SovtextFtzkwJh4H0CN" 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="/files/uWSPtGkPN8rXyjnl62XT" 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="/files/yrHosMBETnd3IHCLenMK" 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="/files/LMWX5qbhFC5oT2oX5O89" alt=""><figcaption></figcaption></figure>

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

### Colors

<figure><img src="/files/lO3No6N1xgS1wu5SBX7z" alt="" width="280"><figcaption></figcaption></figure>

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

### Section padding

<figure><img src="/files/LBq81hS9G4lOzLHuSNRz" 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="/files/2ZRCPp46X2l7q2PPXs42" alt=""><figcaption></figcaption></figure>

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