Return to previous page

Unify product image size - by i-Visio - on WordPress WooCommerce support

This topic has 11 replies, 2 voices, and was last updated 11 months ago ago by i-Visio

i-Visio

Participant

May 26, 2023 at 09:28

Hi,

we would like to have product images at the same size, how can we do that ?

Thanks

#357760 Copied Theme version: 9.1.6 WooCommerce version: 7.7.0

10 Answers

Rose Tyler

Support staff

May 26, 2023 at 09:38

Hello i-Visio,

Thank you for getting in touch with us.

Please read about product images here – https://xstore.helpscoutdocs.com/article/89-product-images
It is recommended to use a graphics editor and prepare product images (make them the same size) before uploading images to your media gallery, or you can try to enable Crop via mentioned WooCommerce settings.
Also, it would be better to disable “Stretch product images option” option via Theme Options.

Best Regards,
8Theme’s Team

#357761 Copied

i-Visio

Participant

May 26, 2023 at 09:46

we already did that.

What’s bothering us is mostly the height difference when displaying products in a list.

Is there a way to make them all the same height regardless of the image height ?

#357762 Copied

Rose Tyler

Support staff

May 26, 2023 at 09:53

Hello i-Visio,

Private Content

Best Regards,
8Theme’s Team

Please contact administrator
for this information.

#357763 Copied

i-Visio

Participant

May 26, 2023 at 09:55

We cannot prepare them before they get uploaded automatically from an api.

We just want to make the product display on a product list have the same height, we don’t care about the image

#357765 Copied

Rose Tyler

Support staff

May 26, 2023 at 10:08

Hello i-Visio,

In this case, you can activate the Crop option – https://prnt.sc/OPd9Hp5kq4ZL

Best Regards,
8Theme’s Team

#357768 Copied

i-Visio

Participant

May 26, 2023 at 10:09

We can’t set a fixed height for the product box ?

#357769 Copied
Rose Tyler

Support staff

May 26, 2023 at 10:12
Hello i-Visio,

You can try the next custom CSS code:
```
.content-product .product-content-image img {
    max-height: 240px !important;
    min-height: 240px !important;
}
```
Best Regards,
8Theme’s Team
#357770 Copied
i-Visio

Participant

May 26, 2023 at 10:22

Thanks, but this code stretches the images a bit, can’t it just put space between the image and the title so that it’s aligned with the product that has the highest height in the line ?

#357771 Copied

Rose Tyler

Support staff

May 26, 2023 at 10:50

Hello i-Visio,

Please try code from this topic – https://www.8theme.com/topic/woocommerce-product-widget-line-height-limitation/

If this doesn’t give the desired result, we would recommend you contact support of WooCommerce plugin – https://wordpress.org/support/plugin/woocommerce/ , because the current situation is independent of the theme activated on your site.

Best Regards,
8Theme’s Team

#357774 Copied

i-Visio

Participant

May 26, 2023 at 11:34

that works thanks !

#357784 Copied
Tagged: best, image, product, selling, size, themes, unify, woocommerce
Viewing 11 results - 1 through 11 (of 11 total)