How Related Products Work
Related Products are automatically selected based on shared collections.
Products in the same collection as the main product are eligible.
A maximum of 10 related products can be displayed.
Images are displayed in a 1:1 aspect ratio for consistency.
If a product belongs to multiple collections, related products are pulled in collection order until the display limit is reached.
Enable Related Products on a Product Detail Page
Step 1: Open the Website Builder
Go to Sites in the left navigation.
Click Websites.
Open an existing website or create a new one.
Step 2: Open the Product Detail Page
Open your website.
Go to the Pages tab.
Locate the Product details page.
Click Edit or Edit in a New Tab.
Step 3: Enable “Show Related Products”
Select the Product Detail element.
Open the General settings panel.
Toggle Show Related Products ON.
What Customers See on the Storefront
When enabled, customers will see a “You may also like” section below the product details.
Products are pulled automatically from shared collections.
Pricing, discounts, and images are shown.
Variant-specific images are displayed correctly.
Customize Typography for Product Details
Typography settings affect:
Product name
Product price
Discounted price
You can adjust:
Font family
Font size
Font weight
These settings apply only to the Product Detail element.
Navigation Menu Cart Icon (Optional)
The cart icon can be shown or hidden from the navigation menu.
Select the Navigation Menu element.
Open General settings.
Toggle Show Cart Icon ON or OFF.
Additional Storefront Behavior
These behaviors apply automatically and do not require configuration:
Show More in product descriptions is height-based.
Cart items display variant-specific images.
Continue Shopping redirects users to the product list page instead of closing the cart drawer.
Common Issues and Fixes
Related products are not showing
Ensure the product belongs to at least one collection.
Confirm Show Related Products is enabled on the Product Detail element.
Irrelevant products are appearing
Review collection assignments.
Remove unrelated products from shared collections.
FAQ
How are related products selected?
Related products are selected automatically based on shared collections.
Can I manually choose related products?
No. Related products are collection-based. To control results, create specific collections.
What if a product belongs to multiple collections?
Products are pulled from collections in order until the maximum display limit is reached.
Can I change how many related products are shown?
Yes. The default is 6 products, and you can adjust this in the Product Detail settings.
How do related products help increase sales?
They enable cross-selling, highlight new or seasonal items, and improve product discovery.