> 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/products-collage.md).

# Products collage

Shows multiple products in a creative, grid-style layout.

*Shared Settings*:

* [<mark style="color:$primary;">Collage grid</mark>](/triumph/template/shared-settings/collage-grid.md)
* [<mark style="color:$primary;">Heading</mark>](/triumph/template/shared-blocks/heading.md)
* [<mark style="color:$primary;">Logo</mark>](/triumph/template/shared-blocks/slide/logo.md)
* [<mark style="color:$primary;">Button</mark>](/triumph/template/shared-blocks/button.md)
* [<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;">Background</mark>](/triumph/template/shared-settings/section-background.md)
* [<mark style="color:$primary;">Colors</mark>](/triumph/template/shared-settings/colors.md)
* [<mark style="color:$primary;">Button colors</mark>](/triumph/template/shared-blocks/button.md#colors)

*Shared Blocks:*

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

***

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

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FSyED0Xe5pMFpwcgvbsC4%2Fproducts%20collage_desktop.png?alt=media&amp;token=a1a38f31-7af0-4f19-9505-34bcd4e1ef4d" 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%2F0ckEQU6DAQsBLktlf9JU%2Fproducts%20collage_mobile.png?alt=media&amp;token=b73a3eee-8bfc-45e7-87b3-01382e43ec4c" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}