thumbnail image and catalog image blurry

  • Resolved manoranjan11

    (@manoranjan11)


    2 years ago

    I am noticing this more frequently now, all the product images in the thumbnail area of the product page and the images on the catalogue page looks blurry as if the resolution is very very low.

    But once the image is clicked it looks fine and its also normal in the gallery

    please help me identifying the cause here.

    Image – https://ibb.co/PF1Y8J6

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

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

  • Please go to Appearance->Customize->Additional CSS then put below code

    .woocommerce ul.products li.product a img{
   max-width: 100%;
   display: inline-block;
}

.woocommerce div.product div.images img{
   max-width: 100%;
}

.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li{
   margin-right: 0;
}

    If not work then put like that please

    .woocommerce ul.products li.product a img{
   max-width: 100% !important;
   display: inline-block !important;
}

.woocommerce div.product div.images img{
   max-width: 100% !important;
}

.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li{
   margin-right: 0 !important;
}
    Thread Starter manoranjan11

    (@manoranjan11)

    thanks for the code but its not making any difference to the thumbnail quality, its still blurry

    you have try both code?

    Thread Starter manoranjan11

    (@manoranjan11)

    yes both

    HI @manoranjan11

    Thanks for reaching out!

    I understand that the images on the product gallery are blurry but when clicked, it is not as seen in this screenshot.

    Checking this link, I am unable to reproduce the issue here as the images are not blurry on my end as seen below:

    Can you please try to clear your browser’s cache or try another browser or in incognito mode and see if that works? Otherwise, please check this support documentation about Fixing Blurry Product Images.

    Let us know how it goes!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘thumbnail image and catalog image blurry’ is closed to new replies.

Tags