[aristosv]

Hi,

I don’t know if this is a theme issue or a WooCommerce issue, but here it goes.

All the product images in my WooCommerce shop are 500×500 pixels, but for some reason WooCommerce tries to make the product images appear bigger than they are. This makes them blurry, which doesn’t look too good.

This is an example
https://paschalismelekos.com/product/soskin-akn-stop-imperfection-moisturizer/

When you click on the zoom option you see the actual size of the image which is 500×500 pixels, but when you zoom-out, the image is all blurry.

Is this something the theme ca fix, or is it a WooCommerce issue?
Thanks

[Zed]

Your product image are indeed 500×500 pixels but they are displayed at 100% width (WooCommerce’s styling) in a section encompassing 48% (also WooCommerce’s styling) of the site width, which translates to about 680px width.

You can use CSS to disable the 100% width enforcement:
body .woocommerce div.product div.images img { width: auto; }
but then you may be left with extra space beside the images.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[aristosv]

I tried this in the additional css part of the theme, but it doesn’t seem to make any difference.

[aristosv]

for some reason I now got this message in the admin area

Thumbnail regeneration is running in the background. Depending on the amount of images in your store this may take a while.

I don’t know if it’s relevant to the code I just pasted in the custom css area of the theme.

[Zed]

Adjust the CSS to body.woocommerce div.product div.images img { width: auto; } (no space between the first two identifiers).

Concerning the thumbnails regeneration, apparently it’s a built-in WooCommerce feature since version 3.3 that triggers automatically on certain events (includes changing themes, probably others too).
Did you change themes and/or adjust any image sizes options?

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[aristosv]

You’re right, that does create a huge space between the product picture and the description. Is there a way to at least center the picture? It appears to be pulling to the left.

[Author]

Posts