[Support request] Blurry Thumbnails

[Eugenio]

Hi,

I just started today a new project and I’m facing a problem with WooCommerce thumbnails: while single and catalogue images look perfect (all images are 960x960px), the thumbnails beside the main image on the single product page look blurry. I already used Regenerate Thumbnails with no results. Starting this new project, I uploaded all the images and installed WooCommerce before switching to GP Premium… inspecting the item in Chrome I found some reminiscences of the original WP theme in WooCommerce CSS… but frankly speaking I have no idea if this might be the cause…

[Tom]

Hi there,

Your URL is going to a 404. Can you double check?

Thanks! 🙂

[Eugenio]

Hi Tom,

sorry for delay but I wanted to check if the issue was eventually related to image quality and compression. So I decided to start from scratch once again. So, fresh new install and now all the product images that have been upload are higher quality and less compressed…

take a look at this address…

https://3store.it/categoria-prodotto/smartphone/apple/

All images are quite sharp and well defined, but if you go in a single product page, for example:

https://3store.it/negozio/apple-iphone-8/

you’ll see that the thumbnails are quite blurry… while the main image is sharp and well defined…

[David]

Hi there, you may want to try regenerating your thumbnails with this plugin:

https://wordpress.org/plugins/regenerate-thumbnails/

[Eugenio]

Hi David, tried that already but with no results at all…

[David]

OK, Woo’s latest update set the gallery thumbnail to a fixed 100px x 100px size. Which is being scaled up by the layout. You can use this filter to change that to a higher resolution.

add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function( $size ) {
    return array(
    'width' => 150,
    'height' => 150,
    'crop' => 0,
    );
} );

Try increasing it using this method and then regenerate thumbnails.

[Eugenio]

Thank you very much David, where should I place this piece of code without messing up the whole site (I’m not that confident in this kind of programming…).

[David]

Here is an article on adding PHP, which includes a link to the Code Snippets plugin which is the simplest way to add these codes:

https://docs.generatepress.com/article/adding-php/

[Author]

Posts