HYPER theme
Try Hyper freeResourcesOther solutions
  • What is Hyper theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Hyper theme
    • Set up my store as Hyper demo
    • Update Hyper theme
    • Theme license & Transfer
  • Page's global sections
    • Announcement bar
    • Top bar
    • Header
      • Mega menu
      • Use Country/ Region selector
      • Use Language selector
    • Footer
    • Cart drawer
    • Popup
    • Product compare
    • Quick view
    • Spotlight picks
  • Theme sections
    • Banner with hotspots
    • Before/after image slider
    • Brand logos 🔥
    • Button group
    • Collapsible tabs
    • Collection list
    • Collection list slider
    • Collection tabs
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid
    • Email signup
    • Favorite products 🔥
    • Featured blogs
    • Featured collection
    • Featured countdown timer 🔥
    • Featured product
    • Horizontal products list 🔥
    • Image with text
    • Image with text overlay
    • Image with text slider 🔥
    • Lookbook slider
    • Multicolumn
    • Multicolumn with icon
    • Press 🔥
    • Products bundle 🔥
    • Promotion banner
    • Recently viewed products
    • Rich text
    • Shop the feed 🔥
    • Scrolling banner
    • Scrolling gallery images
    • Scrolling promotion
    • Slideshow
    • Tabs content
    • Testimonials
    • Testimonials masonry 🔥
    • Video
    • Video hero
  • Theme settings
    • General
    • Animations
    • Blog cards
    • Buttons
    • Cart
    • Color swatches
    • Colors
    • Currency format
    • Custom CSS
    • Layout
    • Logo
    • Product badges
    • Product cards
    • Product compare
    • Quick view
    • Search behavior
    • Social media
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Breadcrumbs
      • Product information
      • Quick comparision table
      • Quick order list
      • Related products
    • Collection page
      • Collection template
      • Collection banner
      • Product grid
    • Collections list page
  • Other pages
    • Blogs
    • Blog posts
    • Cart
    • Password
    • Search page
  • FAQs
    • Add Highlighted text to your Headings
    • Add gift wrap option to my cart
    • Combined listings app
    • Set up Local Pickup option
    • Set up quantity rules and volume pricing in B2B
    • Show Payment icons
Powered by GitBook
On this page
  • How to add the Related products to your product page
  • Automatically generated product recommendations
  • Create product recommendations
  1. Collections & Products
  2. Product page

Related products

PreviousQuick order listNextCollection page

Last updated 1 month ago

Related products are products that are similar to a selected product. You can display potential substitutes to help customers discover other similar products they might like.

How to add the Related products to your product page

Steps

  1. In the theme editor (Customize), open the template selector

  2. Select Products, then Default product.

  3. On the left-side bar, add Related products.

  4. Make necessary changes > Save.

You can only add one Related products section per product template.

You can adjust the elements based on your needs to display the recommendation section such as heading, number of products to show, per row, etc. in the section settings.

Automatically generated product recommendations

Related product recommendations are automatically generated for each product in your store. When you're customizing recommendations for a product in the Search & Discovery app, you can see a preview of the generated recommendations.

Shopify has built-in strategies to adjust these product recommendations based on products that are commonly purchased together, have a similar product description, or products in related collections. Each strategy has its own requirements in order to be used:

  • Purchase history: The product needs previous sales to assess buying behavior.

  • Product description: Only available to merchants with an English storefront.

  • Related collections: Used when recommendations based on purchase history and product descriptions aren't available.

The generated recommendations for a product change frequently. It is common to have different recommendations when you revisit a product page as Shopify suggests new products that might be more relevant to shoppers. The product recommendations previewed in the Search & Discovery app will often be different than storefront for this reason.

Create product recommendations

Customize product recommendations that display on your product page.

Steps:

  1. In the Shopify Search & Discovery app, click Product recommendations, and then click Add recommendations.

  2. Select a product that you want to customize product recommendations for.

  3. Select up to 10 Complementary products.

  4. Select up to 10 Related products to recommend. Set the product to display only the custom recommendations or to display both custom recommendations and automatically generated recommendations.

  5. Click Save.

It's not possible to edit the generated product recommendations, but you can manually.

add your own recommendations