App reviews, troubleshooting, and recommendations
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
Solved! Go to the solution
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!
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!
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
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!
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
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!
Fantastic ! 😉
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023