Skip to main content

Recommended Products Section

Use this section to display AI-powered product recommendations based on Shopify's recommendation engine.

Only available on product template pages.


  1. Go to Customize theme
  2. In Theme editor, select a product template page
  3. Select "Add section""Recommended products"
Product Pages Only

This section is only available on product template pages.


Configuration Settings

Setting nameDescription
TitleEnter heading text for the recommendations section. Default is "Related products"
Title alignmentPosition the title left or right. Default is left
Related products title sizeChoose text size from S to 7XL, with responsive options. Default is "text-base"
Product display typeChoose between "Grid" or "Carousel" layout. Default is grid
Number of related productsSet how many products to display (1-10). Default is 8
Products per rowFor grid layout, choose 2-5 products per row. Default is 4
Related products per row (mobile)Choose 1 or 2 products per row on mobile. Default is 1
Vertical spacingSet space between product rows (0-100px). Default is 20px
Horizontal spacingSet space between products (0-100px). Default is 4px
Navigation styleFor carousel layout, choose between "Arrows" or "Text labels". Default is arrows
Horizontal spacing sizeChoose "None" or "Small" padding between products. Default is none
Add outer gapEnable to add padding around the entire section. Default is false

Best Practices

  • Limit to 4-6 products for performance
  • Use grid layout for better SEO
  • Place below product description
  • Test recommendations accuracy
Recommendation Quality

Product recommendations are dynamic and will improve over time based on shopping behavior across your store. The section requires some shopping data to begin showing relevant recommendations.

Performance

For better page load performance, consider limiting recommended products to 4-6 items. This reduces the amount of product data loaded on product pages.