Change Product Grid Images and Descriptions

Hello,

01. The difference in the product image sizes is caused by the images themselves having different dimensions and aspect ratios.

To make the product grid more uniform, please follow these steps:

1. Navigate to Appearance > Customize > WooCommerce > Product Images.
2. Set an appropriate Thumbnail width for your catalog images.
3. Under Thumbnail cropping, choose a consistent aspect ratio, such as 1:1 (Square) or another ratio: https://ibb.co/6mR6DbD

Additionally, if you are using the Archive Products element in Elementor, make sure the Image Resolution is set to WooCommerce Thumbnail, as this allows the layout to use the WooCommerce-generated thumbnail sizes correctly.

For the cleanest grid, try to upload product images with the same aspect ratio.

Please refer to the following documentation for more details:
https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

Once your product images have consistent dimensions and WooCommerce thumbnail cropping is configured correctly, the product grid will display much more uniformly.

02. Navigate to Theme Settings > Product Archive > Products loop > Product title lines limit. Set the number of product title lines to “Two Line”. https://ibb.co/2kztmN5

Best Regards

Hello,

I checked your settings, and the 1:1 thumbnail cropping option is configured correctly.

The reason some images are still showing different heights is that the existing thumbnails were generated before this setting was applied. Please regenerate your WooCommerce thumbnails and clear the cache.
https://wordpress.org/plugins/regenerate-thumbnails/

After regenerating thumbnails, the product images should display with a consistent ratio in the grid.

Best Regards