Product recommendations
The product recommendation documentation here is related specifically to the Product page. If you are looking for information on the product recommendations on articles, visit the Product recommendations on articles documentation.
There are two types of product recommendations by Shopify: "Related recommendations" and "Complementary recommendations". Both can be managed by Shopify's free Search & Discovery app. Here is the Shopify Help documentation for Product recommendations.
Related recommendations
"Related recommendations" are auto-generated by Shopify based on their own algorithm, but you can add your own as well through the Search & Discovery app. They are meant to be a mix of products that are similar or complementary to the main product on the page. For more details about how Shopify chooses products for this section, visit their developer documentation for Product recommendations.
Here's what the section looks like:
This section is automatically added to the Default product template. These products will show a quick add button if that is configured in the Product theme settings. These are the options offered by the theme in this section:
Heading
By default the heading copy is "You may also like" but you can change this here to anything you'd like.
Heading size
Adjust the size of the heading for the section.
Maximum products to show
Use the range slider to choose between 2 - 4 products. This adjusts the layout to accommodate for that many products to show. If the recommendation algorithm doesn't have as many products as you select here to show, there will be empty spaces.
Product card
Show vendor
Check this box to display the product vendor for each recommended product
Show product subtitle
Check this box to display the product subtitle for each recommended product. For more information, see the documentation for Product subtitle.
Section spacing
(Whisk 5.0.0 and above)
Adjust top and bottom padding within the section.
Add space above or below
(Whisk 4.3.1 and below)
Depending on the sections that are above or below this section, you may want to add some extra space for a more pleasing layout.
Complementary products
"Complementary products" are not auto-generated and you choose them yourself with the Search & Discovery app. These are meant to be complementary add ons with the main product. They are a part of the Main product section and display underneath the buttons on the product form. Their style can be managed in that section on the Default product template. Here's an example of what the main product section looks like with a complementary product:
Below are the options offered for Complementary products in the Whisk theme:
Show complementary products
Check this box to show complementary products in your theme. If a product does not have any complementary products added to it, nothing will display.
Number of products to show
Choose a number on the range slider between 1 - 8 products to show here. If not showing the complementary products in a slider, we recommend keeping this number to 2 or less as to not clutter the page.
Show products in a slider
When this checkbox is selected, only one product will display at a time and a visitor can use the arrow buttons to navigate through the different products.
Heading
By default the heading copy is "Pairs well with" but you can change this here to anything you'd like.
Heading size
Adjust the size of the heading for the section.
Show vendor
Check this box to display the product vendor for each recommended product
Show product subtitle
Check this box to display the product subtitle for each recommended product. For more information, see the documentation for Product subtitle.