Product gallery zoom on hover

Support
#1

Hello,

is there a way to disable Product gallery zoom on hover? I have found that solution here: Zoom on woocommerce product pages, but it removes the zoom overall, including the zoom icon. But my client just doesn’t like the zoom on mouse hover effect.

Thank you.
Beata

#2

Hello Beata,

Thanks for writing to us.

To disable Product gallery zoom on hover I would suggest you please add this custom CSS code to the global CSS.

.woocommerce-product-gallery__image {
pointer-events: none;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

#3

It works. Thank you.

#4

Hey @tashitendrel,

You’re welcome!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.