ResolvedBlurry product images on product page

This topic contains 3 replies, has 2 voices, and was last updated by  Althemist 3 months, 1 week ago.

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 12277, followers 686
Login and Registration Log in · Register