> 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-grid.md).

# Featured collection: Grid

Displays products from a specific collection in a grid.

*Shared Settings*:

* [<mark style="color:$primary;">Collection</mark>](#collection)
* [<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-settings/view-all-button-colors.md)

*Shared Blocks:*

* [<mark style="color:$primary;">Heading</mark>](/triumph/template/shared-blocks/heading.md)
* [<mark style="color:$primary;">Product card</mark>](/triumph/template/sections/featured-collection-grid/product-card.md)

***

#### Collection

**Collection**\
Link a collection.

**Products**\
Assign multiple products as an option.

***

#### Colors

**Text**\
Controls the color of the heading, description, product title, and vendor.

**Accent**\
Adjusts the color of the subheading and initial product price.

***

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

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FlNLLpkPOHOyO8pMSQg1p%2Ffeatured%20collection%20grid_desktop.png?alt=media&amp;token=4368e37e-b82c-4369-b478-eefef1bbcee5" 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%2FDYrK1G0lDhi1SrGEkYIY%2Ffeatured%20collection%20grid_mobile.png?alt=media&amp;token=a46ecdc0-08eb-42e6-93ea-a4c1e790889c" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}