How to Display Related Products on Your Product Details Page
Displaying Related Products
You can showcase related or recommended products to customers when they view a specific product detail page. This feature helps customers discover more items from your store and can increase overall engagement and sales.
Enabling Related Products
To enable related products on a product details page:
- Open the page builder for your store's product detail page.
- Locate and enable the Show related products toggle.
- Customize the following settings as needed:
- Number of products to show: Set how many related products appear (default is 6).
- Number of columns: Specify columns for desktop (default 3) and mobile (default 2) views.
- Section heading: Enter a custom heading for the related products section (default is "You may also like").
- Save your changes and publish the page.
How Related Products Are Selected
Related products are automatically selected based on shared collections. If a product belongs to one or more collections, other products from those same collections will appear as related items.
For example, if a product like "iPhone 15" is in both the "Apple" and "Summer Sale" collections, related products will include items from both collections, up to the maximum number you set (capped at 10). Products are first drawn from all collections the item belongs to, and displayed within the limits you configure.
Note: Product images in the related products section are displayed in a consistent 1:1 aspect ratio to maintain a clean and uniform appearance across your store.