Blurry product thumbnails – tried everything

  • Resolved papermelon

    (@papermelon)


    5 years, 3 months ago

    Hi,

    I have blurry product thumbnail images below the main product image.

    Woocommerce version – 5.1.0
    Wordpress version – 5.7

    I have tried the following –

    1. Appearance > Customize > Woocommerce > Product Images
    Main Image width – 800
    Thumbnail width – 200
    Set the above figures and regenerated thumbnails, did not fix.

    2. Settings > Media
    Thumbnail size – 200 X 200
    Set the above figures and regenerated thumbnails, did not fix.
    (Don’t think this has anything to do with Woocommerce, still)

    3. Added the following code to functions.php in child theme:

    add_theme_support( ‘woocommerce’, array(
    ‘thumbnail_image_width’ => 300,
    ‘gallery_thumbnail_image_width’ => 200,
    ‘single_image_width’ => 800,
    ) );

    Regenerated thumbnails, did not fix.

    Please help, thanks!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Sunday Ukafia

    (@sukafia)

    5 years, 3 months ago

    Hi @papermelon,

    I took a look and it looks like your theme is adding an opacity of 0.5 to those thumbnails.

    Could you please try adding the following custom CSS to Appearance > Customize > Additional CSS and see if that helps?

    
.woocommerce div.product div.images .flex-control-thumbs li img {
    opacity: 1;
}

    I hope that helps!

    Thread Starter papermelon

    (@papermelon)

    5 years, 3 months ago

    Hi,

    Thanks for your reply.
    Yes, the theme adds opacity, but that’s not the problem.
    If you look at the thumbnail of the image that is clicked, you can see that there is no opacity but the thumbnail image looks blurred.

    MayKato

    (@maykato)

    5 years, 3 months ago

    Hello,

    It looks like the size of your thumbnails are 100 x 100px, but they are being stretched to fit in a larger space – which may be why the images look blurry. The thumbnail size for the single product page is controlled by the theme, so it’s best to reach out to the developer of the theme directly for further support.

    MayKato

    (@maykato)

    5 years, 3 months ago

    Hi @papermelon

    We’ve not heard back from you in a while, so I’m marking this thread as resolved. Hopefully, you were able to find a solution to your problem! If you have further questions, please feel free to open a new topic.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Blurry product thumbnails – tried everything’ is closed to new replies.