Avoid opening images on woocommerce product page

[vlad]

Hi there guys :

I want to avoid images opened in a popup on woocommerce page.
When I click on main image or gallery images it always open the image on a dedicated page.

Any idea would be very welcome.

Many thanks

[Prasant]

Hello @vlad,

Thanks for asking.

You can add following CSS under X/Pro > Theme Options > CSS:

.woocommerce div.product .images a {
    pointer-events: none;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.

[vlad]

Hi there and thanks for replying.
Is there another solution without using css ?
I prefer to use function.php with filters.

Any idea would be very welcome.
thanks

[ruenel]

Hello @Vlad,

Please enable the product image lightbox which is by default is already added. Did you happen to remove it?
You can add this in your child theme’s functions.php file:

/*adding woocommerce functionality after update */

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

If this does not help, please provide us the url of your site so that we can check it.