[Support request] Blurry Thumbnails

Home Forums Support [Support request] Blurry Thumbnails

Home Forums Support Blurry Thumbnails

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #618155
    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…

    GeneratePress 2.1.3
    GP Premium 1.6.2
    #618328
    Tom
    Lead Developer
    Lead Developer

    Hi there,

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

    Thanks! 🙂

    #619981
    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…

    #620108
    David
    Staff
    Customer Support

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

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

    #620149
    Eugenio

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

    #620161
    David
    Staff
    Customer Support

    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.

    #620378
    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…).

    #620381
    David
    Staff
    Customer Support

    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/

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.