Shopify themes, liquid, logos, and UX
Hello good day.
I have the product review app, in an other theme appears the starts of the reviews in each product in the collection page and also inside the product, above the price, but now I only have the reviews inside the product, below the description.
How can I add the starts in the collection page, and also how can I add stars in the product page below the price?
Thank you
Please Use following APP
https://apps.shopify.com/product-reviews
Thanks!
I´m using at this moment... the reviews are in the bottom of the page, but i want to add the stars in the places commented before..
Thank you
Hey there @Olbap, you're going to want to add this code in your collection-template file:
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
I can't tell you where exactly without looking at your code, it can be in a number of places even a different file that's being "included" on the collection-template. Can you tell us what theme you're using? If it's a free one I can go in and find the right spot for you. Alternatively if you're having trouble you can shoot me a direct message with your store URL and I can request access and get it figured out for you.
Hey @Olbap.
Thanks for reaching out.
I appreciate the screenshots that you have added as that is super helpful. Could you let us know which theme is live on the online store? As this context will determine the next steps to take to add the star review to the products. If you are unsure about which theme is live on the store, you can navigate to the Theme Editor and select the three dots located towards the top left. I took a screenshot of my test store to show you the section I am referring to:
We do have an awesome guide that can walk you through the process of using the Product Reviews app. Looking forward to your reply!
Ollie | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Hello @Ollie
The theme I´m using is Narrative theme
Also the product review app is on, the revies appears at the end of the product page, but I want to add the stars icon in the product photo (specific collection section) and in the product page above the price.
Thank you
Hey @Olbap.
Thanks for the quick reply!
If you have recently updated the theme or you are using a new theme for the online store. We may need to add the snippet of coding in order to have the starred reviews appear under the product images on the collection pages. If you navigate to the application by selection Apps > Product Reviews, you can then find the option to view the Install Instructions.
Once you select the button to view the installation instructions, you can copy and paste the snippet to the coding of the theme. That should do the trick to have the starred reviews display under the products.
Let me know if you have any additional questions.
Ollie | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
The app is installed, but you have to manually apply code for the review stars to populate in your theme. Thats what the install instructions will tell you how to do.
The code is added to the theme..
The reviews appears in the bottom of the page, the app is active and with the code in the theme but the stars icon not appears
Here is my webpage, look at the bottom at the product, the reviews are, but not the stars icon at the top or in the photo of the product.
Yeah I see that. The snippet that I gave you in my previous post is just for the star rating, not for all of your reviews. If you go to your product reviews app and click on the installation instructions and scroll down a little you'll see this:
If you click on Show Instructions it gives you a general idea of where you'll want to add the star code, but like I said before every theme is different so it could be on another page:
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024