Display review widget next to price

Display review widget next to price

isabellemaria
Trailblazer
221 2 27

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
4058 797 1146

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

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

Darshanp712
Shopify Partner
138 21 19

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.