Jump to content

Installing Yotpo Star Rating Under the Product Title

Recommended Posts

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

Link to comment
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!)

Link to comment

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

Link to comment
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!)

Link to comment

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

Link to comment

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.