Images got different sizes / aspect ratio in woocommerce and related
-
Images in related products have different size / ratio , woodmart doesn’t crop images with different aspect ratio, as you can see on my pictures. How to change it to hold aspect ratio / size like in demo layout ?
Image in Woocommerce single produt does’n hold size / aspect ratio, when upload image 9×16 , it’s humongus as you can see on my screens. How to change it to hold aspect ratio / size like in demo layout ?
*** Clean install
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 the 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
Best Regards
.
