1. What is the Product Recommendations?
The Product Recommendations section dynamically displays products that customers may also like, based on their browsing behavior, their orders, and the product information.
🔍 For more information, take a look at the guide about Related products.
2. How to set up the Product Recommendations?
If you don’t know where to start with your Product recommendation section, simply follow these steps:
Step 1: Install Search & Discovery application:
Before starting with the theme, you will need to install the Shopify Search & Discovery application from the Shopify app store. By default, the app will auto-generate the recommended products based on each customer’s viewing or buying history, but you can manually add, remove, and edit this list to match your preferences within the app settings.
🔍 For more details, check out this guide from Shopify.
Step 2: Show the Product Recommendations section:
In Theme Editor, you need to:
- Click on the Home page drop-down menu, then select Product page.
- Under Template, find the Product Recommendations section.
-
By default, this section is hidden, click on the Eye button
to unhide it.
Step 3: Adjust the numbers of products shown:
Click on the Product recommendations section to open its settings panel. Then, scroll down to find and adjust the Maximum products to show (from 2-10).
Step 4: Customize the overall look:
- Enter Heading, but some words inside a [] bracket to add the heading highlight effect.
- Change the Background color.
Step 5: Click “Save” when done.
3. How to make your Product recommendations carousel?
Step 1:
Click on the Product recommendations section to open its settings panel.
Step 2:
Scroll down to the Carousel setting group.
Step 3:
- For desktop: Turn on the Enable carousel on desktop.
- For mobile: Turn on the Enable swipe on mobile.
Step 4:
Click “Save” when done.
4. How to change the information shown for each product card?
Step 1:
Click on the Product recommendations section to open its settings panel.
Step 2:
Scroll to the Product card options group.
Step 3:
From here, you can customize the following:
- Show vendor: Toggle this option on/off to display or hide the product vendor name.
- Show product rating: Turn this option on/off to display star ratings for products.
⚠️ Note: To enable product ratings, ensure you have a product rating app installed and set up in your store.
- Show highlighted attributes: Turn on/ off to show the icons at the bottom of the product cards. To learn how to set it up, check out this Highlighted icons on product cards guide.
- Show Quick View button: Turn on/off to enable or disable the Quick View function.
Step 4:
Click “Save” when done.
5. How to set the number of columns for Product Recommendations?
Step 1:
Click on the Product recommendations section to open its settings panel.
Step 2:
Scroll down to the Layout settings group.
Step 3:
Adjust the following options to set the number of columns:
- Desktop columns: Use the dropdown or slider to choose the number of product columns displayed on desktop (options typically range from 2 to 5).
- Mobile columns: Use the dropdown or slider to select the number of product columns displayed on mobile (commonly 1 or 2).
Step 4:
Click “Save” when done.
