Megamog
Try Megamog freeResourcesOther solutions
  • What is Megamog theme?
  • Changelog
  • Refund policy
  • Support policy
  • Terms of Service
  • Getting started
    • Install Megamog theme
      • Install Megamog in 1-click fast way
      • Install Megamog manually
    • Add Custom code/ CSS correctly
    • Integrate Shopify Review apps
    • Mega menu
    • Purchase code & activation
    • Update Megamog theme
    • FoxHome
  • Build for success series
    • Product page for Beauty store like Kylie Jenner 🔥
    • Landing page for Fashion store like Bremont
  • Page's global sections
    • Announcement bar
    • Age verifier pop-up
    • Header
    • Footer
    • Mobile sticky bar
  • Theme sections
    • Before/ After image slider
    • Blog posts
    • Brand list
    • Collapsible content
    • Collection spotlight
    • Collection list
    • Collection links
    • Countdown timer
    • Custom content
    • Favorite product slider
    • Featured collection
    • Featured product
    • Featured promotion
    • Featured products slider
    • Google Maps
    • Image banner
    • Image with text
    • Instagram
    • Lookbook
    • Newsletter
    • Press
    • Product tabs
    • Recently viewed products
    • Scrolling promotion
    • Slideshow
    • Testimonials
    • Video
    • Video hero
    • Banner grid
    • Multiple columns
    • Store locator
  • Theme settings
    • General settings
    • Layout settings
    • Additional pages
    • Advanced
    • Animation
    • Article card
    • Badges
    • Cart settings
    • Checkout
    • Colors & Color schemes
    • Corner radius
    • Currency format
    • GDPR settings
    • Intergrated apps
    • Integration
    • Pop-up & drawer
    • Product card
    • Product options design
    • Product options swatches
    • Social sharing
    • Search settings
    • Store contact
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Page sections
        • Breadcrumb
        • Product information
        • Product information tabs
        • Product recommedations
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product listing
  • Other pages
    • 404 page
    • Blogs
    • Blog posts
    • Cart & Checkout
    • Password
  • FAQS
    • Add a gift wrap option to my cart
    • Add custom badges to my product card
    • Add recipient fields to my gift card product
    • Add/ Remove Social icons in footer
    • Change the default product order in collection
    • Customize search results
    • Move the collection description to under the product listing
    • Remove the tax-included information in product page
    • Set up local pickup
    • Show Payment icons on the Footer
  • TROUBLESHOOTING
    • Contact form submissions not found
    • Translation apps incompatibility
Powered by GitBook
On this page
  • How to add a Product recommendations section
  • Section settings
  • How to customize product recommendations
  • Track recommendations
  1. Collections & Products
  2. Product page
  3. Page sections

Product recommedations

A guide to display and customize the recommended products list

PreviousProduct information tabsNextCollection page

Last updated 3 months ago

A Product recommendations section displays an automatically-generated list of product recommendations. Displaying recommended products to customers makes it easier for them to discover new products, and can help to increase online store sales.

To learn more about the Recommendation logic and algorithm criteria, see .

How to add a Product recommendations section

Steps

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

  2. Select Products, then Default product

  3. On the left-side bar, add Product recommendations

  4. Make necessary changes > Save.

Section settings

Give the section a heading and adjust its size and alignment.

Control the design layout of the product card and its image aspect ratio. You can also show the product vendors information in the product cards.

Set the number of products to show (2-12 products) in the section and the number of products per row (2-8 products).

Adjust the gap between columns and rows.

You can also enable slider for this section (the number of products to show > the number of products per row).

Show pagination and/or navigation in the section. The navigation can be displayed Inside container/ Outside container/ Inline.

Control the mobile layout and enable swipe on mobile if needed.

Adjust the column gap and row gap on mobile view.

How to customize product recommendations

Tailoring product recommendations across the customer's journey is a powerful way to help customers discover products.

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 Related products to recommend. Set the product to display only the custom recommendations or to display both custom recommendations and automatically generated recommendations.

  4. Click Save.

Track recommendations

If you want to remove the params tracking in URLs, kindly contact our support team, we will assist you 💃.

These recommendations that display on your product page can be customized using the Shopify app.

The url property for each product in the contains URL parameters that builds a conversion funnel that can be tracked by using reports in Shopify. Similarly, the Liquid url property returned for product recommendations contains this tracking information as well.

After you've implemented product recommendations section, you can track how effective they are directly from the Analytics page in your Shopify admin. To learn more about product recommendation reports, refer to .

.

Search & Discovery
products response
Product recommendation conversion over time
Shopify Dev Docs
Get support for Megamog theme