How can I hyperlink stars in a product review app?

[mel30]

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

Is it possible to hyperlink the stars or the  7 review

Thank you.

Warm regards,

Mel

 

[JHKCreate]

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! 

[mel30]

@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]

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!

[mel30]

@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 · 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!

[mel30]

@JHKCreate 

Thank you for your help this worked 🙂

Mel

[JHKCreate]

Fantastic ! 😉