[Resolved] Remove zoom effect on WooCommerce product image

[Randy]

I found another method that adds some flexibility, and appears pretty simple. You can choose what you need from:

remove_theme_support( 'wc-product-gallery-zoom' );
remove_theme_support( 'wc-product-gallery-lightbox' );
remove_theme_support( 'wc-product-gallery-slider' );

In case that helps anyone. 🙂

[Jorge]

Hi, I wanted to hide the zoom in the products and show them in a light box.
I am using Generate Press and Elementor and made my single product with Elementor.
I have used the code that Tom says but the result is that open two lightboxes of the same image, the first without the arrows in the sides and when close it, the second has the arrows.
I have solved it and open just only one lightbox with the arrows on the sides changing this setting in Elementor:

Elementor > settings > Style > disable “Light box”

I´d like that somebody could explain why that has been the solution.
NOTE: This does not affect to the light box for the images of a gallery and they continue opening in a light box.

[Leo]

Thanks for sharing!

[Michael]

using the stock starter generate press theme and unable to get the hover/zoom or whatever to be removed with any of the code provided here. Is there any new methods to do this?

I have the app Icon as the main product image but on hover it shows the gallery images still.
https://wizardassistant.com/buy/

GP premium license holder

WooCommerce Version 4.6.2
==============
Update so actually my problem was solved easily by toggling the below option off which i missed originally.

Display secondary product image on hover – If you have more than 1 image set for your product, this option can show the second image when you hover over the primary image.

Reference:
https://docs.generatepress.com/article/woocommerce-overview/
https://docs.generatepress.com/article/woocommerce-overview/#shop

[Leo]

Can you open a new topic for your question?

Thanks 🙂

[Author]

Posts