ResolvedBlurry product images on product page

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14316
    al-sirwan
    Participant

    Some of our product images are blurry, until we hover over them, which zooms in and makes it sharper.

    For example, check this product page out: the image is quite blury until I hover over the image: https://www.tacklerlondon.com/product/vera-spun-gold-fabric-dusty-turquoise/

    Is there a fix for this ? Like a CSS fix or a javascript fix for these theme?

    Many thanks in advance.

    #14325
    Althemist
    Keymaster

    Hello al-sirwan,

    you don’t need CSS or JS for this. It’s a basic WooCommerce setting.

    Under Appearance > Customize > WooCommerce > Product images, make sure the product image size is set to at least 695px

    Hope this helps.

    Regards,
    Dimitar

    #14339
    al-sirwan
    Participant

    Hi,

    That’s set to 800×800 already in the woocommerce product image settings.

    What I’m talking about is this

    1) Go to https://www.tacklerlondon.com/product/vera-spun-gold-fabric-dusty-turquoise/
    2) Product images is blury
    3) Hover over the product image, then it becomes sharper.

    #14353
    Althemist
    Keymaster

    800 is too much and the browser is trying to resize the image, which always decrease the quality. Set it to 695, so it’s exactly the size it’s displayed.

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

You must be logged in and have valid license to reply to this topic.

License required for any item belonging to this account
AlThemist

AlThemist

sales 13278, followers 699
Login and Registration Log in · Register