Re: Dawn Theme : Judge.Me app review widget layout

Dawn Theme : Judge.Me app review widget layout

RaghavGoel1
Excursionist
41 0 12

Hi 

 

I  am currently using judge.me for me  product reviews . My current layout looks like this:-

My website link : https://f40566-d3.myshopify.com/products/dare-pong

Screenshot 2024-08-03 at 2.57.35 AM.png

 

I know this site also uses judge.me and i really like their layout:-

Link for this website : https://dring.in/products/drings-bestsellers-kit?variant=45344822100138

 

Screenshot 2024-08-03 at 2.58.19 AM.png

Screenshot 2024-08-03 at 2.58.16 AM.png

  

This is the review widget for the judge.me app. Can someone help me with how can i turn my layout to be like this and also if this is a paid feature. I am currently using the free version.

 

Thanks in advance!!

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
8858 2118 2602

Hi @RaghavGoel1 

CXheck this one

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

 

 

@media only screen and (min-width: 989px){
.jdgm-rev-widg__reviews {
    display: flex;
    flex-direction: row;
    gap: 20px;
    border-bottom: 0;
}
.jdgm-rev.jdgm-divider-top.jdgm--done-setup {
    display: flex;
    flex-direction: column;
    padding: 10px;
    border: 1px solid rgba(51, 153, 153, 0.1);
    border-color: var(--jdgm-secondary-color);
}
.jdgm-rev__content {
    display: flex;
    flex-direction: column-reverse;
}
.jdgm-rev__pic-link {
    width: 300px;
    height: 300px;
}
}

 

And Save. 

Result:

Made4uoRibe_0-1722637346846.png

This will show only on the dekstop screen.

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
RaghavGoel1
Excursionist
41 0 12

Hi @Made4uo-Ribe 

 

Thanks for the help, but i primarily wanted the design for the mobile. Also the code in base.css is pasted but not reflecting in the desktop version.

 

Omar-Judgeme
Shopify Partner
4 1 1

Hello @RaghavGoel1,

This review widget theme is indeed part of our Awesome plan ($15/month) - and you can find the themes we offer by going to your Judge.me settings at Widgets > Review Widget > Customize > Theme (or, click here: https://judge.me/shop/widgets/review-widget) and select the Cards theme.

OmarJudgeme_0-1722639739318.png

You can find some examples of the themes we offer here: Review Widget themes (widget 3.0). If you'd like to give the Awesome plan a try before committing, feel free to use to click the following link, in order to claim a 15-day trial period.

 

Otherwise, if you prefer having more of a customized approach; @Made4uo-Ribe solution would work as well I believe.

In case you would prefer a more direct communication, you can reach out to our support team at support@judge.me, or, you can send us a message via chat once you access the app.

Omar - Judge.me