The image is blurred after hovering on the product grid page

Hey!
After hovering the cursor over the images in the product grid, the picture becomes blurred and loses clarity (https://drive.google.com/file/d/1WixJ9xPiKfMI-k0OIaHZDyXivQaBjMP7/view?usp=sharing, https://drive.google.com/file/d/1H9lBj5knx-dOgaTDTREn1eHT5ekv0tX1/view?usp=sharing, https://prnt.sc/10yu9gx)

The same issue occurs on the homepage after hovering over an image in the brand carousel.

How to fix it?

Hello,

Basically the product images are controlled by woocommerce and our theme doesn’t influence them. WooCommerce provides the settings for images that you can find under Appearance >> Customize >> WooCommerce >> Product Images.

Screenshot for Clarification: https://ibb.co/myPsL8r

You can also read our detailed documentation in the following link:
https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/

Best Regards

Thanks for the help!
But I didn’t find a solution to my question.

Hello,

Have you followed the procedure mentioned in the theme documentation here:
https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/

Because the product images are controlled by woocommerce and our theme doesn’t influence them. So you should set the size of the images accordingly. Also, please try to deactivate the extra 3rd party plugins installed on your site and activate only theme required plugins on the site, and then check the images on hover. I am sure your issue will be solved.

Best Regards.

OK, thanks for answer.

Hello,

Well @andrii, it’s been great chatting with you! I hope I resolved your issues thoroughly.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts