IMP PLEASE: Need help in fixing product card after installing Judge.me review app

[RaghavGoel1]

Hi all,

I had recently installed the Judge.me app for reviews. I’m facing several challenges since then with how my product cards are looking on both mobile and desktop version.

my site is - https://boozyhouse.in/

For products where I don’t have any reviews, their price and other details are not being shown on the product card. Please see below:

The moment I add a review, the stars, price etc show up. Need help with fixing this ASAP. I’ve tried everything and spent hours on this - somebody pleaese please help.

Also, since I’ve added the app - my product cards are looking a little ugly - as you can see, the add to cart buttons are not in alignment across the product cards and they are sticking to the product name - would prefer some gap and ideally if the add to cart buttons are at the bottom of the product card. Ideally all add to card buttons should be aligned across the product cards slightly towards the bottom.

Thanks a ton in advance.

[Moeed]

Hey @RaghavGoel1

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[topnewyork]

Hi @RaghavGoel1 , kindly use the below code:

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[RaghavGoel1]

Thanks Moeed,

This worked well - can you please also help me align the add to cart buttons in a single line? They’re looking very unclean currently.

[RaghavGoel1]

Thanks topnewyork,

This worked well - can you please also help me align the add to cart buttons in a single line? They’re looking very unclean currently.

[tim_1]

I believe there is a problem with your Judgeme widget code.

When I look at your page source I see this:

   
  
    

    
    

      

Regular price
            
              Rs. 200.00

See that there is no closing between judgeme comments?

Because of this, your price element becomes a child of the judgeme widget element and not visible if there are no reviews.

Rather than adding CSS code suggested below, I’d recommend you to fix this problem because this is invalid HTML.

See how you’re missing the closing tag from the code suggested on the judgeme dox (https://help.judge.me/en/articles/8205142-adding-judge-me-widgets-vintage-themes#h_03f3ddb4e8)

 
   
    {{ product.metafields.judgeme.badge }} 
  
 

When your HTML is fixed, you should be able to align your cart buttons by adding this code to the “theme settings”=> “custom css”:

.card__content > .card__information {
  display: flex;
  flex-direction: column;
}

.card__information > .card-information {
  margin-bottom: auto;
}

[RaghavGoel1]

Thanks a lot!!!

This did it - had been with struggling this for very long. Thanks a ton!!