Here is a cleaner and more professional version of your message:
—
Hello,
I am experiencing an issue on my website. The product images appear blurry in the product gallery for all products. However, when I hover over or click on an image, it displays correctly in full quality.
It seems that all images are initially rendered in a blurry state within the gallery view.
Here is an example product page:
or this one: https://leather-templates.com/product/free-leather-belt-pattern-v01-pdf-step-by-step-diy-video/
image with issue:
hover image:
Could you please offer your help to solve this?
Is there are any settings I should check in order to ensure that the gallery images load in full clarity?
Regards,
Dragos
a little update, because the img insert isn’t working:
image with issue: https://imgur.com/a/ZARVbX9
hover image: https://imgur.com/a/Vv6pdsU
Hi,
Those thumbnails are indeed blurry. It’s the same on my test install. The thing is that they are also blurry if I test with a default theme, I think they look even worse https://prnt.sc/4SaSaFy2OAiT
There is a very small thumb there, 100×100 https://leather-templates.com/wp-content/uploads/2025/03/901-Leather-Belt-Pattern-v01-fixed-belt-free-02-100×100.jpeg If it was bigger it would look better, but I see no way to set a bigger thumb for the gallery in Woocommerce.
I found a lot of topics online about blurry woocommerce images, especially in galleries. It looks like there was an issue but I’m not sure if it was fixed https://wordpress.org/support/topic/weird-image-behaviour-in-product-gallery-after-last-update/
Some say to use this option in the wordpress customizer to make the thumbs bigger https://prnt.sc/6L8fZs_QQ3HE and then regenerate the thumbs, but I tried it and it doesn’t seem to have changed anything. I tried other code solutions but no luck so far. I’ll keep looking, maybe there is a way to increase the size of the thumbs or a way to make them look better.
Thank you!
