Items are not aligned in Desktop and Mobile view in Product Archive/Shop Page

I am having an issue with the shop, product archive in WoodMart Theme.
All items are not aligned as they used to be in my old website, which uses the same theme, settings, and products.
The titles of the products are up and down in an ugly way, on desktop and mobile.

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/

The only way to make the view awesome is to upload images of the same size and proportion.
WooCommerce allows some settings that you can find under Appearance >> Customize >> WooCommerce >> Product Images.

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: The height of the image will be untouched. Images will be displayed using the aspect ratio in which they were uploaded: https://ibb.co/6mR6DbD

For the Product Archive page, please navigate to Theme Settings > Product archives -> Products styles, here you can enable the Even product grid for desktop option to align products if they have different height components: https://prnt.sc/ASt5z0mmasuz

Please note that this option helps product items to be even, not resizing images.

Best Regards,

[Author]

Posts