Return to previous page

Disable product image zoom / lightbox - by Domen

This topic has 4 replies, 2 voices, and was last updated 5 years, 10 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

Lawyer – WordPress WooCommerce Theme

lazy-placeholder

Designers – WordPress WooCommerce Theme

lazy-placeholder

SEO Agency – WordPress WooCommerce Theme

lazy-placeholder

Architecture Studio – WordPress WooCommerce Theme

lazy-placeholder

Real Estate – WordPress WooCommerce Theme

lazy-placeholder

Furniture Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Zoo Shop – WooCommerce Theme

lazy-placeholder

Shoes Store – WordPress WooCommerce Theme

lazy-placeholder

Onepage Store – WooCommerce Theme

lazy-placeholder

Water Delivery – 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.