Return to previous page

Disable product image zoom / lightbox - by Domen

This topic has 4 replies, 2 voices, and was last updated 5 years, 3 months ago ago by Rose Tyler

Domen

Participant

January 10, 2019 at 16:29

Hi,

How can i disable image zoom / lightbox on product page?

Theme options does not work. Disable zoom make no difference.
Is there any css options to disable zoom?

#206959 Copied Theme version: 5.1.4 WooCommerce version: 5.03

3 Answers
Rose Tyler

Support staff

January 10, 2019 at 16:58
Hello,

Please try to add this code in Theme Options > Custom css:
```
.single-product .swiper-control-top:not(.zoom-on) img.zoomImg, 
.single-product .swiper-control-top:not(.zoom-on) a.zoom {
    pointer-events:  none;
}
```
Regards
#206963 Copied
Domen

Participant

January 10, 2019 at 17:03

Thank you Rose it works!

#206965 Copied

Rose Tyler

Support staff

January 11, 2019 at 08:01

You’re welcome!

Regards

#206974 Copied
Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Headphone Store – WordPress WooCommerce Theme

lazy-placeholder

Zoo Shop – WooCommerce Theme

lazy-placeholder

Grocery Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Concert Store – WordPress WooCommerce Theme

lazy-placeholder

Business Card – WordPress Theme

lazy-placeholder

Customization service (hour)

lazy-placeholder

Bike Store – WordPress WooCommerce Theme

lazy-placeholder

Marketing – WordPress WooCommerce Theme

lazy-placeholder

Church – WordPress Theme

lazy-placeholder

BookStore – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.