Related products
Shopify's product recommendations plus manually curated complementary products, with quick add inline.
- Merchant-addable
- Yes
- Settings
- 10
- Block types
- —
- File
sections/related-products.liquid
Used by default on: Product, Product (set)
Screenshots pending
Captures for Related products at desktop and mobile widths are generated from a live store by
npm run shots. They appear here automatically once that has run.
When to use it
Below the fold on product pages, once the primary decision has been made.
Setting it up
- Add the section to a product template.
- Set the heading and typography under Typography.
- Recommendations populate automatically from Shopify. Complementary products are set in the free Search & Discovery app under Product relationships.
Where the content comes from
Entirely Shopify product data. The section has no editorial content of its own beyond the heading.
Notes and cautions
- Shopify's recommendation engine learns from your store's order history. On a new store it falls back to products from the same collection, so it looks thin until you have sales.
Section settings
Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.
Content
EyebrowText
HeadingRich text (inline)
Body textRich text (inline)
Fallback productProduct
Used as the recommendation source outside product pages. It shows as one card when JavaScript is unavailable.
Number of productsSlider
Layout
Heading alignmentDropdown
Heading sizeDropdown
Color schemeColor scheme
Section padding
Top paddingSlider
Bottom paddingSlider