Associated products help customers discover related items while browsing your store's product pages. Here's how to set them up and customize their display effectively.

Prerequisite: Add categories and tags to all products before setting up associated products.

Setting Up Associated Products:

1. Open Associated Products panel
2. Enable "Show Associated Products"
3. Customize section title (default: "You Might Also Like")
4. Choose display options:
   • Random products
   • Recently added items
   • Highest stock levels

Display Characteristics:

• Shows up to 5 products from the same store page
• Appears at bottom of product information page
• Displays featured image, title, and price
• Uses product's first category by default

Customizing Product Associations:

1. Edit product
2. Click Sales Tools
3. Select Associated Products
4. Choose category or tag for suggestions
5. Click Apply and Save

Style Customization:

• Version 7.1: Uses store section styles and site fonts
• Version 7.0: Customize through Site Styles panel
  • Adjust items per line
  • Modify element spacing
  • Change image aspect ratio
  • Set detail alignment
  • Control element title spacing

To Disable:

1. Open Associated Products panel
2. Disable "Show Associated Products"
3. Save changes

Note: Associated products section only displays items from the same store page, and the number of displayed products cannot be customized.

Related Articles

Previous Articles