Image size woocommerce product page

Hey.
I am grateful for such a good template. Congratulations.

I hope you’re doing great today.

I have been struggling with product photos at WooCommerce for a long time. However, I managed to find a solution. It’s a great Smart Image Resize plugin. She dealt with the pictures and does great.

You know, I have XML products and many photos are very high – that’s thousands of photos! Therefore, I cannot adjust them manually. I only have a problem with the main product photos. They unfortunately look very bad all the time because WooCommerce shows a photo of woocommerce_single whose width is set to 700px but the height is 0.

Can’t change the photo that the product shows on woocommerce_’product_thumbnails_large_size’? I have these pictures cropped with the Smart Resize plugin.
I tried to add in PHP

add_filter ( ‘woocommerce_product_thumbnails_large_size’
function () {return ‘woocommerce_single’; });

but it showed me 404 on products.

Thanks

Hello,

It’s great that “Smart Image Resize plugin” working fine for you to resize the product images.
But as you have thousands of images and you can’t resized them one by one manually, it takes a lot of time.

I can’t suggest you, to resized those images with php functions like add_filter().

In order to configure the main image, navigate to Appearance – > Customize -> WooCommerce -> Product Image and find the size option for product page image as well as images in a grid:

Main image width – Image size used for the main image on single product pages. These images will remain uncropped. Image width used in demo sites are: 600px;

Best Regards.

Hi, thanks for the answer.

I know all this.

However, I want to know if there is any possibility to limit the height of the product photo.

You know I did it in css: max-height: example 500 px but it doesn’t always help.

Is there any other way to force WooCommerce to have the photo height on the product page?

Hello,

Any attempt to limit the image height would damage and images. You can limit the width and the height tould change automatically leaving the image proportional. Please find the options on how to configure the images here: https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/

Best Regards

[Author]

Posts