[Resolved] Woocommerce product page images stretched

[Dru]

Hi – The main product images on my Woocommerce site are appearing blurry.

I set the Main Image Width property in the Customizer to 500px but the images are still stretched to fill the size of the div.

In dev tools it shows the correct image size of 500px but the parent div is 624px and the image expands to fill that size.

Am I missing something?

https://shop.landcareresearch.co.nz/product/copland-rain-jacket-mens

[David]

Hi there,

Woo images automatically scale to fit the gallery container.
So its either increase the Woo Main image size or reduce the main container width (currently 1300px x 48% width of the column = 624px).

[Dru]

Thanks – in my case probably easiest to increase the size of all my product images.

[David]

You’re welcome, as a note, if you’re going to use the zoom on the gallery then this will use the largest size image, so i generally have that as 2x the size of the Main Gallery.

[Author]

Posts