Related products section in product page

Related product section is available on the product page. There are 4 method to show products in this section.

1) Products by collection

 
 
The same collection products are displayed with this option. This option works automatically and finds the first collection assigned to open products and shows products from that collection.

2) Products by Metafield

 
Show specific products as related products. Follow below steps for this method.

1) Go to store admin > Settings > Metafields > Products

2) Click on “Add definition” button and add data as below

Name: Related Products
Namespace and Key: custom.related_products (Must be same)
Select Content type: Products ( Select “List of products” )

Select List of products and save.

3) Now go to your product from store admin and Scroll down to “Metafields” and select products in Related Products field

Click on Related Products field > select products > select product you like to display in page then click on save button.

4) Save the product page, and you’re finished. Check out the product page on the front page.

3) Products by Product Type

 
Products with the same product type show up as related products with this option. You need to assign a product type name to each product.

4) Products by Product Vendor(brand)

 
Products with same vendor name display as related product with this option. You need to set set vendor name to each products.