How to Display Related Products on Your Store Page

How to Display Related Products on Your Store Page

By Michael Chen

January 19, 2025 at 11:57 PM

Related products help enhance the shopping experience by suggesting items from the same category when customers view product details. Here's how to set up and manage related products effectively:

Setting Up Related Products

  1. First, ensure all products have assigned categories and tags
  2. Open the "Related Products" panel
  3. Enable the "Show related products" option
  4. Customize the section title (default is "You may also like")
  5. Choose display options:
    • Random products
    • Recently added items
    • In-stock products

Customizing Display Settings

  • Products appear at the bottom of product detail pages
  • Maximum of 5 related products shown
  • Display includes:
    • Featured image
    • Title
    • Price

Related bags for sale

Related bags for sale

Changing Related Product Categories

  1. Open product editor
  2. Click "Sales Tools"
  3. Select "Related Products"
  4. Choose category or tag from dropdown menu
  5. Click "Apply"
  6. Save changes

Styling Tips

Version 7.1:

  • Follows store section styling
  • Uses site font settings
  • Title follows Title 2 adjustments

Version 7.0:

  • Customize items per row
  • Adjust item spacing
  • Edit image aspect ratio
  • Set details alignment
  • Modify item title spacing

To Disable Related Products:

  1. Open Related Products panel
  2. Turn off "Show related products" option
  3. Save changes

Related products only display items from the same store page and help increase product discovery and potential sales.

Related Articles

Previous Articles