How can I set a fixed height for product thumbnail in product grid?

My product grid is the same height which is right, but the image thumbnails have different size which increases my product grid cards height whenever we have an image with taller height. I want to set the product thumbnail to have a fixed height.

Attachments:

You must be logged in to view attached files.

Hello,

Your images differ in size considerably. Please check this manual and upload the same size of product images.
https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

Best Regards.

Any CSS I can add to custom CSS to make the image thumbnail on the product grid fixed height?

Hello,

Sorry it is not possible to change it with custom css.

You can define the “height” of the shop thumbnails by setting up the width:height aspect ratio in the “Thumbnail cropping” section:

Custom: In Custom you can select the aspect ratio of the image. Here are some of the popular aspect ratios (1:1, 5:4, 4:3, 3:2, 16:9 and 3:1).

Uncropped: Height of the image will be untouched. Images will display using the aspect ratio in which they were uploaded.
https://ibb.co/6mR6DbD

Best Regards

I have set the ratio to 1:1 but it still does not work

[Author]

Posts