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

  1. Add the section to a product template.
  2. Set the heading and typography under Typography.
  3. 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
ID
eyebrow
Default
Ritual companions
HeadingRich text (inline)
ID
heading
Default
Related products
Body textRich text (inline)
ID
description
Default
Curated essentials to elevate your daily ritual.
Fallback productProduct

Used as the recommendation source outside product pages. It shows as one card when JavaScript is unavailable.

ID
manual_product
Number of productsSlider
ID
products_to_show
Default
4
Range
2 to 10, in steps of 1

Layout

Heading alignmentDropdown
ID
heading_alignment
Default
Left
  • Leftleft
  • Centercenter
  • Rightright
Heading sizeDropdown
ID
heading_size
Default
Medium
  • Smallsmall
  • Mediummedium
  • Largelarge
Color schemeColor scheme
ID
color_scheme
Default
scheme-1

Section padding

Top paddingSlider
ID
padding_top
Default
48
Range
0px to 100px, in steps of 4px
Bottom paddingSlider
ID
padding_bottom
Default
72
Range
0px to 100px, in steps of 4px