Change image size on product page

Hello @svlieger ,

It’s possible that your theme is using a custom image size for the single product page.

WooCommerce comes with these three image sizes by default:

woocommerce_thumbnail
woocommerce_single
woocommerce_gallery_thumbnail

To let users change image sizes WooCommerce provides this function –

add_theme_support( 'woocommerce', array(
'thumbnail_image_width' => 200,
'gallery_thumbnail_image_width' => 100,
'single_image_width' => 500,
) );

You will find more details on WooCommerce images here – Image Sizes for Theme Developers

As you are using Elementor to create the single product page, they can have their own settings for the image sizes so getting their suggestion will be helpful.

Thank you 🙂

I’d like a solution for this, too.

Here’s what what I think could be an easy-to-implement feature that could help a lot of people. Create a field, let’s call it aspect. When the main image is selected for Product, examine it. For height>width, then “portrait”. For height<width, “landscape”. And for height=width, “square”.

This aspect value can then be written as a selector to the product image wrapper and we can then use it to style with CSS as desired.

For extra credit, allow the user to enter any string value in place of the computed one, to allow for even more detailed control.