Category: Shopify How To

How to Show More Products from the Same Collection on Product Page in Shopify.

 

This article will cover how to edit the Venture Theme from Shopify to display additional products from the same collection that the product is in at the bottom of your product page.

 

You can watch this online tutorial on How to Show Additional Products from the same collection on the product page for the Venture Theme or keep reading below.

 

1) Go to ONLINE STORE –> ACTIONS and select EDIT CODE

 

2) Scroll Down and Find the SECTIONS area and select ADD NEW SECTION and call the page

 

products-in-this-collection

 

3) Paste the following code:

 

<div class=”product-recommendations”>
<div class=”page-width”>

<div class=”section-block__header text-center”>
<h4 class=”h1–mini section-block__title”>More Products by <a style=”color:red;” href=”/collections/{{ product.vendor | handleize }}”>{{ product.vendor }}</a></h4>
</div>

<div class=”section-block”>
<div class=”grid grid–no-gutters grid–uniform”>

{% assign mycollection = product.vendor | handle %}

{%- for product in collections[mycollection].products limit: 5 -%}

<div class=”grid__item small–one-half medium-up–one-fifth{% if forloop.index == 6 %} medium-up–hide{% endif %}”>
{%- include ‘product-card’, product: product, collection: collection -%}
</div>
{%- endfor -%}
</div>
</div>
</div>
</div>

 

4) On the left scroll up to the TEMPLATES area and find  product.liquid   – it will have this code in it…

 

{% comment %}
The contents of the product.liquid template can be found in /sections/product-template.liquid
{% endcomment %}

{% section ‘product-template’ %}
{% section ‘product-recommendations’ %}

{% if collection %}…… rest of the code is after this

add this line of code

{% section ‘products-in-this-collection’ %}

right after  this code

{% section ‘product-recommendations’ %}

so it looks like this

{% comment %}
The contents of the product.liquid template can be found in /sections/product-template.liquid
{% endcomment %}

{% section ‘product-template’ %}
{% section ‘product-recommendations’ %}
{% section ‘products-in-this-collection’ %}

{% if collection %} ,,, rest of code after this

 

5) SAVE the product.liquid  page and you are DONE!

---

Conclusion:

At After Dark Grafx, we specialize in providing in-depth app recommendations to help merchants get the most from their online stores. We are a Shopify Expert, Shopify Developer and Shopify Partner.

 

Sign Up for a Free 14 Day Free Trial with Shopify Here

Yes, the above link is an affiliate link and we will get a small commission if you decide to sign up for a Shopify Paid plan.

We ARE Shopify Experts, so if you do not feel like doing this yourself, contact us and we will do it for you.

 

If you have any questions or need help please feel to contact us, a qualified Shopify expert for a free installation into your store. You don’t need to be an After Dark Grafx client, but that doesn’t hurt either ?