Archived topic
Blurry Thumbnails
7 replies · Started by Eugenio on July 7, 2018
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...
Hi there,
Your URL is going to a 404. Can you double check?
Thanks! :)
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...
Hi there, you may want to try regenerating your thumbnails with this plugin:
Hi David, tried that already but with no results at all...
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.
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...).
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: