How To Show Related Products On Shopify

Step 1: Log In

Log in to your Shopify website with your user credentials.

Step 2: Go To Your Themes Page

Click on the ‘Themes’ option and then click on the ‘Actions’ button on the right theme and find the ‘Edit code’ option.

Step 3: Find The Right Template

Find the product.liquid file in the Templates directory. Click to go inside and find the following line of code.

{% section ‘product-template’ %}

Step 4: Add New Code

Underneath the code found in step 3, create this code:

{% section ‘related-products’ %}

Step 5: Save

Save your changes.

Step 6: Sections Directory

In the sections directory, select ‘Add a new section’. When you create the section, name it ‘related-products’.

Step 7: Create

Click on the ‘Create’ section. The code editor will open up, ready for you to enter in the code. In this you will need to paste some code into your related-products.liquid file. The actual code will depend on your theme. Find yours from the list below:

• Boundless
• Debut
• Jumpstart
• Venture
• Other Themes

Step 8: Save

Now save your work.

Step 9: Boundless Only

If you are using the Boundless Theme, find the product-grid-item.liquid snippet file and replace this code:

{{ ‘products.general.now_price_html’ | t: price: price }}

with

now {{ product.price | money_without_trailing_zeros }}

Ensure that you save the file.

Step 10: Enable Related Products Section

Open the ‘customise theme page’ option in the Shopify dashboard. Then go to a product page by clicking on any product when you’re inside the theme preview.

Within the theme editor, you should see the Related products tab in the left-hand side options. Click on the Related products tab and click on the ‘show related products’ checkbox.

Step 11:  Save

Click on the save option.