How do I remove the lightbox on a single product page?

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

  • Avatar: ISSY
    ISSY
    Participant
    March 12, 2020 at 14:30

    Hi everybody,
    does anybody know how to remove the lightbox on a single product page?
    I tried a few php snippets I found on google but it does not work…

    10 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 12, 2020 at 14:38

    Hello,

    Thanks for the question.
    Try to add the next code in Theme Options > Theme custom CSS:

    .single-product .woocommerce-product-gallery__image {
        pointer-events: none;
    }

    If this doesn’t help, provide us with URL of one of your products.

    Regards

    Avatar: ISSY
    ISSY
    Participant
    March 12, 2020 at 14:43

    Hello, thanks for the quick reply. I
    tried it, but I only want to hide the popup of a large picture in a light box.
    The zoom within the frame was okay and should stay….
    Do you know how to do it?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 12, 2020 at 14:50

    Hello,

    Do you use Single product page builder? Could you, please, provide URL?

    Regards

    Avatar: ISSY
    ISSY
    Participant
    March 12, 2020 at 15:18

    Please see message in private area

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 12, 2020 at 15:36

    Try to change the previous code to:

    .single-product .pswp {
        display: none;
    }

    Or you can activate the Single product page builder in Theme Options > WooCommerce (Shop), then you will be able to build the desired layout from scratch. The gallery element has option to disable Lightbox there.

    Regards

    Avatar: ISSY
    ISSY
    Participant
    March 13, 2020 at 16:10

    Please see personal message

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 13, 2020 at 16:13

    Hello,

    Have you added the mentioned CSS code?

    .single-product .pswp {
        display: none;
    }

    Regards

    Avatar: ISSY
    ISSY
    Participant
    March 13, 2020 at 17:17

    Please see private message

    Please contact administrator
    for this information.
    Avatar: ISSY
    ISSY
    Participant
    March 13, 2020 at 18:37

    Ok, it is working now for some reason! Thank you!!!!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 14, 2020 at 09:03

    You’re welcome!

    Regards

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

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

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