Image Is blurry in shop page

  • Resolved amanhstu

    (@amanhstu)


    8 years ago

    The product images on the shop page are blurry when zooming both on computer and on cell phone. However when going to the product page they are super sharp when zooming. it is strange as it is the same image used from the media library”

    Here is the shop page https://ankar.se/shop/ that we are having problem

    Here is the screenshot of My image dimension that is set in Woocommerce settings

    https://prnt.sc/dcnllf

    And here is My theme product image settings

    https://prnt.sc/dcnlvv

    Please helpw

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

  • Download the Plugin Regenerate Thumbnail and follow the steps. Regenerate your Thumbnail hope it will solve the problem.

    Thread Starter amanhstu

    (@amanhstu)

    Hi Altaf
    I have already tried it .. But no luck

    What no one tells you – having tried to sort this same problem for 2 days – is that you also have to change the woocommerce.css with in the woocommerce folder which is the assest folder.

    Look for the line: .woocommerce div.product div.images img
    and change the width from auto or 100% to your chosen size.

    Hope this helps and saves you some time!

    Thread Starter amanhstu

    (@amanhstu)

    Hi Sorcerer
    Thanks for your suggestion.. I tried it but still same.. But now I got the problem..

    and was able to make my client understood.. He was trying to zoom the image in the shop page which is a thumbnail image .. and it is obvious if you want to see a thumbnail image in full width using control + buttom then its gonna be blurry for sure..

    Thanks for help

    Plugin Support RK a11n

    (@riaanknoetze)

    Make sure that your thumbnail sizes are set for the theme that you’re using. If you’re unsure how to do that, have a look at https://docs.woocommerce.com/document/using-the-appropriate-product-image-dimensions/

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Image Is blurry in shop page’ is closed to new replies.