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

# Featured collection: Tabs

Displays products from different collections organized into clickable tabs.

*Shared Settings*:

* [<mark style="color:$primary;">Collection</mark>](#collection)
* [<mark style="color:$primary;">'View All' button</mark>](/triumph/template/shared-settings/view-all-button.md)
* [<mark style="color:$primary;">Heading</mark>](#heading)
* [<mark style="color:$primary;">Section layout</mark>](/triumph/template/shared-settings/section-layout.md)
* [<mark style="color:$primary;">Section mobile layout</mark>](/triumph/template/shared-settings/section-mobile-layout.md)
* [<mark style="color:$primary;">Divider line</mark>](/triumph/template/shared-settings/divider-line.md)
* [<mark style="color:$primary;">Section background</mark>](/triumph/template/shared-settings/section-background.md)
* [<mark style="color:$primary;">Colors</mark>](#colors)
* [<mark style="color:$primary;">'View All' button colors</mark>](/triumph/template/shared-blocks/button.md)

*Shared Blocks:*

* [<mark style="color:$primary;">Tab</mark>](/triumph/template/shared-blocks/tab.md)
* [<mark style="color:$primary;">Product card</mark>](/triumph/template/shared-blocks/product-card.md)

***

#### Collection

**Products limit**\
Set the number of products displayed in the tab (1-18).

***

#### Heading

**Heading size**\
Choose the text size: Small, Medium, or Large.

**Alignment**\
Choose how the text is aligned: Left or Center.

***

#### Colors

**Text**\
Controls the color of the tabs, heading, and product card.

**Accent**\
Adjusts the color of the product price.

**Line**\
Sets the border color of product variants.

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FMh9yrEedSNTROQLps6f4%2Ffeatured%20collection%20tabs_colors.png?alt=media&amp;token=52097447-3b60-4e98-8082-062456cd7dc7" alt=""><figcaption></figcaption></figure>

***

{% tabs %}
{% tab title="Desktop" %}

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FwDJ29obQCzTTFxFQaIaY%2Ffeatured%20collection%20tabs_desktop.png?alt=media&amp;token=7d52f44a-4456-4aeb-8417-ea67e057357f" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FBCLMFNNznZIWoRW4oPOb%2Ffeatured%20collection%20tabs_mobile.png?alt=media&amp;token=35b3658d-ce9d-47e3-acc2-e95e3f397f47" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}