Weird image-thing?

[danielatak]

What is causing this weird issue with the product overview?

[Kyle – SUPPORT]

It’s because your first image is larger than the rest

– Kyle

[danielatak]

But aren’t the images sizes set in the settings?

On the attached it is the last image.

Is there no way that i can force them to be the set size?

[Kyle – SUPPORT]

The image size settings are for the image quality, but our theme overrides the visual sizes as we use our own function, it works out the padding (height) for the image from the first product. The easiest way to fix it would be to either crop the image for the first product so that it’s the same as your other products images, or edit the publish date for the product to be older so that it’s not the first product on the page

– Kyle

[danielatak]

I’m sorry, but i don’t agree with you, because in both screenshots the other products has an even higher height than the one causing it. Also it is the first image in the first screenshot and the last image in the other screenshot.

Is there nowhere i can set a maximum, since it cuts the other photos? it seems to be happening, because the images’ height is quite close to the theme standard height…

[Kyle – SUPPORT]

I can see on both screenshots that the height of the first image is more than the others, in respect to the width, basically the width/height ratio.

If you provide me with your link I can look into it for you and see if there’s a solution

– Kyle

[danielatak]

This reply has been marked as private.

[Kyle – SUPPORT]

Seems fine for me (see screenshot)

– Kyle

[danielatak]

It’s still doing it on related products on this product: http://slejpner-as.dk.linux12.curanetserver.dk/produkt/al-ko-power-unit-140-p/

Do you not see that either?

[Kyle – SUPPORT]

No? (see screenshot)

– Kyle

[danielatak]

Why do i see it then?

[Kyle – SUPPORT]

The first image on your screenshot is different to the one on mine, that’s why I didn’t see it. Like I said, your image sizes are different. You could add !important to the end of the css I gave you but then it would not allow the JS to change the padding for smaller screen sizes

– Kyle

[danielatak]

Unfortunately all the images for the products are different, so it’s going to be hard to align that.

Can you elaborate on how it would not allow the JS to change the padding for smaller screen sizes?

[Kyle – SUPPORT]

Basically, there is a snippet of JS code which works out the padding for the figure (which is the height of the image), it does this on the first product, and applies that to all the other products. So if your first product image is larger than the others, the rest of the products will start showing the second image, if your first product is smaller that the others, then your other images will be cropped.

You could set a padding and add important to it so that it ignores what the JS works out, however the padding is different for each screen size so you would have to set the padding for each screen size

– Kyle

[danielatak]

ok, I will see what will be the best solution.

Btw – is it possible to do a nodisplay on the buy button the product overview? or is that a woocommerce thing?