Display review widget next to price

Display review widget next to price

isabellemaria
Trailblazer
214 2 25

Hi there,

 

How can I display the Klaviyo review widget next to the price? For desktop I want it like this, for mobile, I'm not sure how it will look.

 

Currently it looks like this: 

 

Bildschirmfoto 2024-06-12 um 12.24.10.png

 

My website is www.taneraskin.com and I am using Dawn theme.

 

Thanks for your help!

 

 

Best regards,

Isabelle

Replies 2 (2)

Guleria
Shopify Partner
3187 620 891

Hello Isabelle,

 

You need to wrap both widget html and price html under a main div/container and then assign display:flex; to that main container.
In this way both price and review widget will be in the same line. 
But I don't think it's easy because it seems you are using an app block for the widget. So I suggest first asking the klaviyo how to configure it manually or ask them for other options.

Thanks

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me. - Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
- Support me PayPal

Darshanp712
Shopify Partner
137 21 16

Hello @isabellemaria , These review stars are from the third-party app - Klaviyo review widget. So simply you need to changes in your widget structure if they provide a widget to put this code and if they provide this from the block of section in the product's page then you have to get the support of the app. 

 

Best regards

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution.