Reviews on Collection Pages

Highlighted
New Member
7 0 0

Hi,

I'm having great difficulty in getting reviews to appear under the product thumbnails, has anyone got some magic code I can use?

I've tried this: <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span> in my collection.liquid but it's reformatting the page and making it look a shambles.

Any help would be greatly appreciated.

Thanks,

Ian

0 Likes
Highlighted
Shopify Expert
2684 67 815

Hi Ian, 

the code you mention is right, probably you're putting it in the wrong place? Can you paste here a piece of code where are you putting this line? BTW, probably shouldn't be collection.liquid but rather product-grid-item.liquid or what it shippet is called in your theme... Unfortunately, the theme is no longer available in theme store.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
0 Likes
Highlighted
New Member
7 0 0

Hi Tim,

Thanks for the reply.

So, I've been putting in here:

  <div id="coll-product-list" class="grid-uniform product-list">
    {% for product in collection.products %}  
      {% assign grid_item_width = 'large--col-3 medium--col-4 small--col-6' %}
      {% include 'snippet-product-item' %}   
    {% endfor %}
 
  </div>
 

I've attached my list of liquid files in an image as I don't have any obvious grid files.

Thanks

 

0 Likes
Highlighted
Shopify Expert
2684 67 815

This snippet-product-item.liquid looks like a perfect candidate -- can I see it?

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
0 Likes
Highlighted
New Member
7 0 0
Highlighted
Shopify Expert
2684 67 815

Try inserting this code 

 {% if product.metafields.spr.reviews %}
 	  <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
 {% endif %}

right above the last {% endif %} visible on your screenshot and below </p>

I used the if  tag to show nothing if there is no actual reviews.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
0 Likes
Highlighted
New Member
7 0 0

Ah perfect!


Thank you very much Tim!

0 Likes
Highlighted
New Member
2 0 0

Hello Tim, 

I am having the same issue. I found the appropriate page to insert the code:

product-grid-item.liquid

But not sure where to add in the below code! 

 

{% if product.metafields.spr.reviews %}
 	  <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
 {% endif %}

Thank you so much, 

Xenia

product-grid-item.liquid code:  

Screenshot 2020-08-04 at 09.56.40.png

Screenshot 2020-08-04 at 09.56.59.png

Screenshot 2020-08-04 at 10.09.27.png

Screenshot 2020-08-04 at 10.09.35.png

Screenshot 2020-08-04 at 10.09.59.png

Screenshot 2020-08-04 at 10.10.12.png

Screenshot 2020-08-04 at 10.10.20.png

    

0 Likes