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
Hello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards
Hello,
Can you please share the product page URL where the issue is situated so I will check and give you a possible solution?
Best Regards
You can take a look at this page where you can see multiple product thumbnails with different ratio even though I have set ratio to 1:1: http://staging.vinakors.com/
Hello,
Navigate to Pages > Edit home page with elementor > Edit Products Grid or Carousel Widget and in the style tab open the products design settings and choose the image size to “Thumbnail”.
https://ibb.co/GP18wWq
Best Regards
Thanks! While that solves the image ratio issue but the image now looks extremely blurry when set to “thumbnail”
Hello,
Please try selecting a different image size that best suits your needs to resolve the blurriness issue. Let me know if you need further assistance!
Best Regards
.
