[woocommerce] Image deformed on product page

[Boriss]

Hi guys,

I'm working on a client's ecommerce site, which uses woocommerce and I stumbled upon a issue on the product page.

I have to mention the image is a bit large, but I don't think that is the problem.

The issue is, when I uploaded the image as featured, and went to the product URL, the image is like this:


deformed or how should I call it. Tried with different size images but the issue is persistent.

Any help would be appreciated.

 

[WPRipper]

Check the image size in woo settings.

 

[Boriss]

Check the image size in woo settings.

Thank you for the fast reply.

I fixed it thanks to you WPRipper. TY.

 

[Gogol]

Try placing the following css rule in your stylesheet:

.woocommerce img, .woocommerce-page img {
    height: auto;
    max-width: 100% !important;
}

Clear site and browser cache and see if this solves the problem.

 

[WPRipper]

Yes and no. Play with settings and see what you need to do. Upload images with that size or multiply by ... The should keep the ratio. Also install regenerate thumbnails plugin.