Image Limitation

Hello! I hope you’re doing well. I’m reaching out about an issue I’m experiencing with my product listings (as shown in the screenshot). The images are displayed at varying sizes, resulting in inconsistent spacing. I’d like them to appear with uniform spacing, while maintaining the original size. So 2 collumns, same image size, but the spacing is the same and not inconsistent. Is there a fix or workaround you could recommend to achieve a more consistent layout? Thank you!

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/

Best Regards,

What I am asking is if I can keep the same image size, but have the same product spacing for products. Maybe with some custom code or a feature in theme settings?

Hello,

The images are not customized with Custom CSS Code due to their nature. Your images differ in size considerably. 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: Height of the image will be untouched. Images will display using the aspect ratio in which they were uploaded.

https://ibb.co/6mR6DbD

Best Regards,

[Author]

Posts