> 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/pages/product-page/recommended-products.md).

# Recommended products

Displays product recommendations to help customers discover additional items.

{% hint style="warning" %}
**Note!** Displays recommended products (requires using an app).\
Read the '[<mark style="color:$primary;">Customize product recommendations with Shopify Search & Discovery</mark>](https://help.shopify.com/en/manual/online-store/storefront-search/search-and-discovery-recommendations)' help page for the details.

**Recommended app:** Search & Discovery app
{% endhint %}

**Recommendation type**\
Choose which type of product recommendations to display:

* **Related products** – Shows products similar or related to the current item.
* **Complementary products** – Displays products that pair well with the current item.

**Products limit**\
Controls the maximum number of recommended products displayed (1-18).

***

*Shared Settings*:

* [<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>](/triumph/template/shared-settings/colors.md)
* [<mark style="color:$primary;">Carousel buttons colors</mark>](/triumph/template/shared-settings/carousel-buttons-colors.md)

*Shared Blocks:*

* [<mark style="color:$primary;">Heading</mark>](https://mpithemes.gitbook.io/triumph/template/shared-blocks/heading)
* [<mark style="color:$primary;">Product card</mark>](https://mpithemes.gitbook.io/triumph/template/shared-blocks/product-card)

***

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

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FV4svD95DgESDAZVsbgCC%2Frecommended%20products_desktop.png?alt=media&amp;token=4e54d8e2-5f70-4924-9c0b-2e10c5a31ed4" 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%2F3psuRggW6FbI2mxnGyD7%2Frecommended%20products_mobile.png?alt=media&amp;token=49fb5ec4-65e2-4b1c-8cce-acf71e0804e6" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}