Skip to content

Product recommendations

This guide describes setting up the Product recommendations section.

Use the section to display related (recommended) products on a Product page. Refer to Shopify help: Adding a recommended products section The section's recommendations are generated automatically. To use customized recommendations, refer to Shopify help: Customize product recommendations

The previous video shows a Product recommendations section on a store's (default) Product page. In the lower right, the section's Number of products dropdown is set at 3. This setting displays 3 recommended products inside the section.

For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks

Set up a product recommendations section

To set up a Product recommendations section:

  1. Go to Customize theme. At the top of the page, use the dropdown to select a template that contains a Product recommendations section. For example, select Products > Default product.

    Note

    The section is available only on the Products > Default product, Products > Split, and Products > Classic page templates.

  2. From the side menu, select Product recommendations.

    The Product recommendations section selected in Theme editor.

  3. Select a setting described in the following table.

Setting nameDescription
HeadingIn the Heading box, enter text to display as a heading (title) inside the section.
Heading > Insert dynamic sourceTo display (heading) text from a dynamic source, select the Insert dynamic source icon beside the Heading box, and then choose a metafield to add. Refer to Shopify help: Metafields
Number of productsUse the dropdown Number of products to set the total number of items (product recommendations) to display inside the section. The options are: 3, 4, 6 or 8 products.
Carousel > Enable on mobileSelect the checkbox Enable on mobile to turn on/off carousel mode. With carousel mode enabled, the section's product recommendations are displayed as a carousel (slideshow) on mobile devices. Refer to Shopify help: Slideshow
Carousel > Enable on desktopSelect the checkbox Enable on desktop to turn on/off carousel mode. With carousel mode enabled, the section's product recommendations are displayed as a carousel (slideshow) on desktop devices. Refer to Shopify help: Slideshow
Color > Color schemeUse the Color scheme dropdown to set the section's color scheme to Primary, Secondary, or Tertiary. Refer to Colors.