Appearance
Product recommendations
This guide describes setting up your store's Product recommendations section.
When a customer selects a product from your store, related products are displayed inside the product recommendations section. Use the section to advertise and promote your store's product range.
In the following image, a product recommendations section, with the heading You may also like, is displayed below a selected product.
For general guidance with modifying sections, refer to Sections overview.
Set up a product recommendations section
To set up a product recommendations section:
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 on the Default product, Fashion, Book, Preorder, and Music page templates.
From the side menu, select Product recommendations.
Select a section setting described in the following table.
Section setting name | Description |
---|---|
Show dynamic recommendations | Select the checkbox Show dynamic recommendations to show/ hide products recommended by Shopify's algorithm. Depending on your store's configuration, the algorithm can use customer purchase histories and product descriptions, etc., to make recommendations that change and improve "dynamically", over time. Refer to Shopify developers: Product recommendations. |
Heading | In the Heading box, enter text to display as a title inside the section. To display text from a dynamic field, like product Title or Vendor, select the Insert dynamic source icon, beside the Heading box, and then choose a metafield to add. Refer to Shopify help: Metafields. |
Number of recommendations | Select the dropdown Number of recommendations to set the number of recommended products to display inside the section. The options are 2, 3, and 4. |
Products per row - desktop | Use the dropdown Products per row - desktop to set the number of recommended products to show in each row, inside the section. The options are 2, 3, and 4. This setting applies to desktop display devices. |
Products per row - mobile | Use the dropdown Products per row - mobile to set the number of recommended products to show in each row, inside the section. The options are 1 and 2. This setting applies to mobile display devices. |
Color > Color scheme | Use the Color scheme dropdown to set the section's color scheme to Primary, Secondary or Tertiary. Refer to Colors. |
Theme settings | Select Theme Settings to access additional settings for the section. Refer to Section theme settings menu. |