Product recommendations
Product recommendations shows other products alongside the one being viewed, as a carousel of product cards with previous and next arrows and a View all link to your all-products collection. One section, two modes: Shopify can generate the list for you, or you can pair products up yourself.
It can’t be placed in the header or footer groups, and it only has data to work with on a product page.
Settings
- Recommendation type. Related products (default) or Complementary products. Related products are generated by Shopify. Complementary products are the ones you pair up yourself in the Shopify Search and Discovery app. The section stays hidden until you set some. See Complementary products.
- Heading. Leave blank to use the default heading for the recommendation type above:
You may also likefor related products,Pairs well withfor complementary ones. - Maximum products to show. Range: 4 to 10. Default: 8. Shopify may return fewer.
- Color scheme. Default: scheme-1.
Spacing
- Top padding / Bottom padding. Range: 0 to 300 px in 5 px steps. Default: 65 px each. This is the padding on screens 1920 px and wider; it scales down on smaller screens.
How the two modes differ
| Related products | Complementary products | |
|---|---|---|
| Who chooses | Shopify, automatically | You, per product |
| Setup needed | None | Search & Discovery app |
| Based on | Order history and product data across your store | Your own pairings |
| Typical use | “You might also like” | “Goes with this” |
| When empty | Rare; the section hides if Shopify returns nothing | The section renders nothing |
Related products improve as your store accumulates orders. On a new store with little order history the list can be thin or loosely relevant; that resolves itself with volume rather than with configuration.
Tips
- Use both, once each. Two instances of this section on a product page, one in each mode, is the intended arrangement: “goes with this” above, “you might also like” below.
- Put it below the product description, not above it. A shopper still reading about this product isn’t ready to be offered another.
- Let the default heading do the work unless you have a better line. Each mode already has a heading written for it.
- Complementary needs the app. Without Search & Discovery installed and pairings set, the section is simply absent from the page. That is deliberate, because an empty recommendations row is worse than none.