Jump to content

Installing Yotpo Star Rating Under the Product Title

Recommended Posts

Posted

Site URL: https://www.portlydesign.com/

Hello,

I have successfully added Yotpo Star Rating to a code block in the additional information section of my product pages.  I would like to place the Star Rating under the product title, as shown in the example image on their instructions page. I found one post with a similar issue but it they were missing the Yotpo code for the Star Rating entirely. I'm trying to figure out what code to use to add html below the product title so I can add Yotpo's Star Rating there.

Thank You

Posted
On 12/10/2021 at 9:14 AM, Daric said:

Site URL: https://www.portlydesign.com/

Hello,

I have successfully added Yotpo Star Rating to a code block in the additional information section of my product pages.  I would like to place the Star Rating under the product title, as shown in the example image on their instructions page. I found one post with a similar issue but it they were missing the Yotpo code for the Star Rating entirely. I'm trying to figure out what code to use to add html below the product title so I can add Yotpo's Star Rating there.

Thank You

Move Yotpo star + star count number under title, or all elements of yotpo under title?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted

Hello, Tuanphan, thanks for the response. I'm looking to have the star count number under the product title. 

Currently, I have the code for the star count number, "yotpo bottomLine," in a code block under additional info. The code is unique to each product.

<div class="yotpo bottomLine"
data-product-id="item-618b97b6faf9664734212575"
data-url="https%3A%2F%2Fwww.portlydesign.com%2Fshop%2Fp%2Fwood-monogram-phone-stand">
</div>

I have attached an image showing where it is, and where I'd like it to be.

Thank You

Star Location.JPG

Posted
7 hours ago, Daric said:

Hello, Tuanphan, thanks for the response. I'm looking to have the star count number under the product title. 

Currently, I have the code for the star count number, "yotpo bottomLine," in a code block under additional info. The code is unique to each product.

<div class="yotpo bottomLine"
data-product-id="item-618b97b6faf9664734212575"
data-url="https%3A%2F%2Fwww.portlydesign.com%2Fshop%2Fp%2Fwood-monogram-phone-stand">
</div>

I have attached an image showing where it is, and where I'd like it to be.

Thank You

Star Location.JPG

You mean this?

image.thumb.png.7803b5612ad107eb13e4ca3408895b86.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted

No, I mean this. (Edited your image.)

I only want the star rating with count under the product title. The star rating with number above the additional information, circled in green, is code for just the start count. After the additional information, circled in red, is the code for entire reviews widget.

Thank You

Star Location 2.JPG

Posted (edited)

Hello, Tuanphan. I have decided to go another route as Yotpo is too cumbersome for the time I want to spend on it. Thank again for trying to help.

For anyone curious, I'm going with Helpfulcrowd. Installed and functioning in 5 minutes. 

Edited by Daric

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.