images have different dimensions
-
Hello WoodMart Support,
I am using the latest version of WoodMart with WooCommerce.
My product images have different original dimensions, and on the Shop page, Home page, and Single Product page they are displayed using their original aspect ratios, which makes the layout inconsistent.
I would like all product images to display with a fixed aspect ratio (for example 4:5) or a fixed container size, without having to manually edit every image.
Could you please tell me the recommended way to achieve this in the latest version of WoodMart? Is there a built-in option or the recommended CSS/PHP solution?
Thank you.
Hello,
Yes, you can make product images appear the same size on category (archive) pages.
Do this:
– Navigate to Appearance > Customize > WooCommerce > Product Images.
– Set the Thumbnail width for catalog images. For best results, match it to your grid: for example, if your site container is 1200px wide with 4 columns, set about 300px.
– Enable cropping and choose a consistent ratio (e.g., square 1:1 or a custom ratio) so all thumbnails are uniform.
For the cleanest grid, try to upload product images with the same aspect ratio.
Also, here is an article that should help you with this https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/
Best Regards
.
