> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Product recommendations

> A row of related or complementary product cards under the product, chosen by Shopify.

<Frame caption="Product recommendations, highlighted on the demo store">
  <img src="https://mintcdn.com/kwebby/TE8EB9pzRj50obVj/images/frosting/product-recommendations.webp?fit=max&auto=format&n=TE8EB9pzRj50obVj&q=85&s=c94a085a869dca5d10df1aad4ccc77b5" alt="Product recommendations on the storefront" width="2160" height="1350" data-path="images/frosting/product-recommendations.webp" />
</Frame>

## Where to find it

Product pages, twice on the default template (Goes well with and You may also like). In the theme editor choose Products, then Default product. It can only be added to product templates.

## How it works

* Related products are picked by Shopify automatically.
* Complementary products are the ones you choose in the Search and Discovery app.
* The row loads as the shopper scrolls near it and stays hidden when Shopify has nothing to suggest.
* Shows 2 to 10 products as standard product cards.

<Frame caption="In the theme editor: 1 the section in the sidebar · 2 its settings · 3 the section in the preview">
  <img src="https://mintcdn.com/kwebby/TE8EB9pzRj50obVj/images/frosting/editor-product-recommendations.webp?fit=max&auto=format&n=TE8EB9pzRj50obVj&q=85&s=904a9690f017a7c6b33d2d1e7bf89fcb" alt="Product recommendations in the theme editor" width="1425" height="840" data-path="images/frosting/editor-product-recommendations.webp" />
</Frame>

## Edit it

* Set Products to show to Related or Complementary.
* Add complementary products per product in the Search and Discovery app.
* Adjust Maximum products and Minimum card width.

## Settings

<Tip>Related products are picked by Shopify automatically. Complementary products are the ones you choose in the Search and Discovery app.</Tip>

| Setting | What it does |
| - | - |
| **Products to show** | Options: Related products, Complementary products. Default: Related products. |
| **Heading** | Text. Default: You may also like. |
| **Text** | Text. |
| **Maximum products** | Slider from 2 to 10. Default: 4. |
| **Minimum card width** | Slider from 180 to 320 px, in steps of 10. Default: 240 px. |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 2. |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.