Skip to content

How to Suggest Related Product(s) in Your Product Details Page

Enhance your customers’ shopping experience by showcasing related products on your product details page. By suggesting items that complement what they’re already viewing, you can increase product discovery and potentially boost sales.

To start suggesting related products, follow these steps:

  1. Navigate to the Product Details Page
    Open your store’s product detail page within the Page Builder.

  2. Enable Related Products
    Turn on the Show related products toggle.

  3. Customize Display Settings
    You can adjust the following attributes to tailor the display to your needs:

    • Number of Products: Choose how many related products to display. The default setting is 6.
    • Columns Display: Set the number of columns for both desktop and mobile views. Defaults are 3 columns for desktop and 2 for mobile.
    • Section Heading: Customize the heading for the related products section. By default, it reads “You may also like.”
  4. Save and Publish
    Once you’ve configured the settings to your satisfaction, save your changes and publish the page.

  • Product Collections: Related products are drawn from common collections. For instance, if an “iPhone 15” is part of both the “Apple” and “Summer Sale” collections, products from these collections will appear as related items. Products from the “Apple” collection will display first, followed by those from “Summer Sale”, up to a maximum of 10 products.

  • Image Consistency: To ensure a consistent and aesthetically pleasing user interface, all product images on the list page are displayed with a 1:1 aspect ratio. This uniformity helps maintain a clean look across your store.

Can't find what you need? Call or text +1 787 665-9212 or email support@stackapp.co.© Stack · Privacy · Terms