Solved

Can you hyperlink reviews in Shopify's product reviews app?

mel30
Shopify Partner
82 2 22

Hi experts.

I am using the product reviews app for products review

 

I want to hyperlink the below section. The customer has to scroll down to write a review

Reviews.PNG

Is it possible to hyperlink the stars or the  7 review

 

Thank you.

 

Warm regards,

Mel

Accepted Solution (1)
JHKCreate
Shopify Expert
3571 639 916

This is an accepted solution.

Replace this code <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span> with the following:

<a href="#shopify-product-reviews"><span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span></a>


Let me know if that works!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

View solution in original post

Replies 7 (7)

JHKCreate
Shopify Expert
3571 639 916

Hi @mel30 

This is doable indeed, however we would need to request Collaborator Access: About collaborator permissions · Shopify Help Center to get this done unless you're proficient in Liquid. So let us know what you prefer! 

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
mel30
Shopify Partner
82 2 22

@JHKCreate 

 

Thank you for your reply.

 

If you could let me know how to do it I'll do it.

 

Thank you for your help 🙂

 

Mel

JHKCreate
Shopify Expert
3571 639 916

Hi @mel30 

Alright, so what you're looking to find is the <div> inside the product template liquid file that renders those stars. Once you find it, you wrap it between this:

<a href="the review section id">CODE FOUND</a>

That way, the whole section becomes clickable and links to the review section related to its ID. Make sure to get the CSS ID of the review section. 

Let me know how that works!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
mel30
Shopify Partner
82 2 22

@JHKCreate 

 

Thank you for your reply.

 

I'm unable to understand this "Make sure to get the CSS ID of the review section."

Im using the code "<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>" to display the badge

&  this code "<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>"

displays the write a review and customer reviews.

This is the product page. https://www.athreyaherbs.com/collections/immune-system/products/anu-thailam-nasal-oil

Mel

 

JHKCreate
Shopify Expert
3571 639 916

This is an accepted solution.

Replace this code <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span> with the following:

<a href="#shopify-product-reviews"><span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span></a>


Let me know if that works!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
mel30
Shopify Partner
82 2 22

@JHKCreate 

 

Thank you for your help this worked 🙂

 

Mel

JHKCreate
Shopify Expert
3571 639 916

Fantastic ! 😉

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com