Return to previous page

Topic: Unify product image size - by i-Visio

i-Visio

Participant

May 26, 2023 9:28 am

Hi,

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

Thanks
Site URL: hidden
Theme version: 9.1.6
WooCommerce version: 7.7.0

#357760 copied to clipboard

Rose Tyler

Support staff

May 26, 2023 9:38 am

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 to clipboard

i-Visio

Participant

May 26, 2023 9:46 am

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 to clipboard

Rose Tyler

Support staff

May 26, 2023 9:53 am

Hello i-Visio,

Private Content

Best Regards,
8Theme’s Team

Content is visible for topic creator and
support staff only.

#357763 copied to clipboard

i-Visio

Participant

May 26, 2023 9:55 am

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 to clipboard

Rose Tyler

Support staff

May 26, 2023 10:08 am

Hello i-Visio,

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

Best Regards,
8Theme’s Team

#357768 copied to clipboard

i-Visio

Participant

May 26, 2023 10:09 am

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

#357769 copied to clipboard
Rose Tyler

Support staff

May 26, 2023 10:12 am
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 to clipboard
i-Visio

Participant

May 26, 2023 10:22 am

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 to clipboard

Rose Tyler

Support staff

May 26, 2023 10:50 am

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 to clipboard

i-Visio

Participant

May 26, 2023 11:34 am

that works thanks !

#357784 copied to clipboard