Adding a recommended products section

You can add a section to your product pages that displays an automatically-generated list of product recommendations. Displaying recommended products to customers makes it easier for them to discover new products, and can help to increase online store sales.

The heading and layout of the product recommendations section are determined by your theme.

Understanding product recommendations

Product recommendations are based on products that are commonly purchased together or products in related collections. Product recommendations become more accurate over time as more order and product information becomes available.

Learn more about the data used for product recommendations from the Shopify theme development documentation.

Customizing product recommendations

Product recommendations is a section on your product pages in Online Store 2.0 themes. You can customize the appearance of your product recommendations to include the title, price, vendor, and a short description, or hide it from your product pages. You can have only one product recommendation section on a product page at a time.


  1. Select Products > Default product to load the template in the theme editor.
  2. Do one of the following:
    • If your product page has a product recommendations section, then click Product recommendation.
    • If your product page doesn't have a product recommendations section, click + Add section and then select Product recommendations.
  3. Click Save.

You can disable product recommendations by clicking the eye symbol. Disabling product recommendations hides the section from your product listing, but doesn't delete it.

Product recommendation settings

You can customize how your recommended products displays to the customer. The recommended products are automatically generated.

The settings for the product recommendations section
Setting Description
Heading The title of the section.
Color scheme The background color of the product recommendations section. Choose between Accent 1, Accent 2, Background 1, Background 2, or Inverse.
Image ratio Determines the aspect ratio of the product card image. Choose between Adapt to Image (default), portrait, or square.
Show second image on hover When the customer hovers their cursor over the product image, displays the second product image if the product has one.
Show vendor Displays the vendors of the products.
Show product rating Displays the average product rating in stars with the number of reviews in parenthesis, for example: ★★★★★ (8). Also requires a product review app such as Shopify Product Reviews, and metafield definitions for reviews.rating_count and reviews.rating.
Section padding Add spacing to the top or bottom of the product recommendation section. Use the range slider to add between 0px and 100px of space above or below the section.

Ready to start selling with Shopify?

Try it free