Disable product image zoom / lightbox - by Domen

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

  • Avatar: Domen
    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?

    3 Answers
    Avatar: Rose Tyler
    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

    Avatar: Domen
    Domen
    Participant
    January 10, 2019 at 17:03

    Thank you Rose it works!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 11, 2019 at 08:01

    You’re welcome!

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

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

Helpful Topics

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