Give product price static height, different now if product has review or not

Highlighted
Explorer
167 2 8

Hi,

I'm trying to create a generic layout for my webshop. I'm facing the following problem:

Naamloos.png

When a product has reviews, the price is lower than the price of a product which dont have reviews. I want to use a generic layout and set the height of the price same as the price of a product which has reviews(left one). Does anyone know how to fix this?

URL: www.smartnutrition.nl
Pass: plazay
Niels

0 Likes
Highlighted
Shopify Partner
267 26 42

Hi, @NielsSchutte:

Can you share with us your store URL?

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
Highlighted
Explorer
167 2 8

Yes, check updated post:)

0 Likes
Highlighted
Shopify Partner
267 26 42

That is a domain services page, it seems like your domain has expired or you have not set up your domain on Shopify yet.

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
Highlighted
Explorer
167 2 8
How do u mean? Cant u acces the page?
0 Likes
Highlighted
Shopify Partner
267 26 42

This is the page what we see:
dddddd.png

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
Highlighted
Explorer
167 2 8
Highlighted
Shopify Partner
267 26 42

Don't you want to show the rating instead?

 

 

 

ppp.png


You can achieve this by adding this CSS Style at the bottom of your theme.scss file

.product-grid-item .spr-badge[data-rating="0.0"], .product-meta--review .spr-badge[data-rating="0.0"]{
display: block;
}
Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
Highlighted
Explorer
167 2 8

I mean I dont want to display any stars if theres no reviews(in current state) but the height of my price gets different each time. I'm trying to reach this:

Knipsel.PNG

 

Even when theres no reviews(and on star badges) the height of the price is the same as with a product with star badges. In my current situation the positioning of my price gets set to different height, how do I set a common height(for products with reviews and for products without reviews) so the layout is the same? Also on mobile:

Knipsel.PNG

Niels

0 Likes
Highlighted
Explorer
167 2 8

Anyone who can help?

0 Likes