Product Reviews by Shopify

Solved
mel30
Excursionist
22 0 11

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)

Accepted Solutions
JHKCreate
Shopify Partner
2920 504 723

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
- Satisfied with our solutions? Drop a review on Google

View solution in original post

Replies 8 (8)
JHKCreate
Shopify Partner
2920 504 723

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
- Satisfied with our solutions? Drop a review on Google

mel30
Excursionist
22 0 11

@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 Partner
2920 504 723

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
- Satisfied with our solutions? Drop a review on Google

mel30
Excursionist
22 0 11

@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 Partner
2920 504 723

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
- Satisfied with our solutions? Drop a review on Google

View solution in original post

mel30
Excursionist
22 0 11

@JHKCreate 

 

Thank you for your help this worked

 

Mel

JHKCreate
Shopify Partner
2920 504 723

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
- Satisfied with our solutions? Drop a review on Google

sinadabiri
Shopify Partner
18 0 1

Our review app supports this feature automatically (no action required from you). In addition, you can collect photo reviews, send automatic custom emails to request reviews, give rewards to reviewers, manage reviews (reply and hide), etc. Also, you can also simply import reviews from all other apps (including Product Reviews app) and AliExpress. Note that these features are not available on the Product Reviews app.

 I know the Product Reviews app is free. But, we're free too (unless you have a busy store with more than 200 orders per month). And we give you access to ALL our features via the free plan.

Check out our app here: 

https://apps.shopify.com/farout-1