Equal product image size on Woocommerce
-
Good day,
The image products in my website have unequal sizes unfortunately.
Because of this in my product page and homepage I have uneven product boxes.
I managed to solve the issue but only for my shop page.
From appearance and WooCommerce this is easily adjustable but the homepage was still not even.
My believes is that the issue in homepage is not using default WooCommerce products
since they don’t have it as a section.
Here is an image of the issue:
Thanks,
G. Hristov
Attachments:
You must be
logged in to view attached files.
Hi webtestwordpress12,
Thanks for reaching to us.
Please navigate to Theme Settings > Product archives > Products styles, here you can enable Even product grid for desktop option to align products if they have different height components.
You can enable it for specific devices as well https://prnt.sc/ASt5z0mmasuz
Please refer to article for more details https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/
I kindly recommend you preparing images with titles you want before uploading them to your media library using the graphic editor (Photoshop or any other) to have a nice-looking grid.
Regards,
I tried everything but the boxes are still not right. Unfortunately most of my clients don’t have products from the same height therefore It will be really time consuming to edit them each manually can I use custom css?
Hi webtestwordpress12,
Even product grid for desktop option helps products to be even https://prnt.sc/0LyATatrEsHU
In order to have same size image, I kindly recommend you preparing images you want before uploading them to your media library using the graphic editor (Photoshop or any other) to have a nice-looking grid.
Regards,
.
