Disable Lightbox option not working on single product page (Sneakers demo)

This topic has 2 replies, 2 voices, and was last updated 2 years, 2 months ago ago by Olga Barlow

  • Avatar: Skilltech
    Skilltech
    Participant
    January 3, 2022 at 21:12

    1. How do I disable the lightbox popup on product page (Sneakers Demo) when clicking on product featured image and gallery images?
    NOTE: The “heme Options > WooCommerce > Single product builder > Gallery > disable Lightbox option” suggested by your staff on themeforest does not work.

    2. On the sneakers demo, in mobile layout (under 993px), product page, the gallery goes before product details which is ridiculous because, if the gallery has a lot of images (as most of them do), it pushes the most important info (product title, price, add to cart and buy buttons) aka product details in the middle of a very long page.
    Is there a way to have product details appear first on mobile while retaining the desktop layout?
    If not please forward this to your devs and bring to their attention how ridiculous it is to have to scroll through 20 images before seeing even the product title. That’s a bad UX and making the users search for the buy/add to cart button instead of having it easily accessible at the top of the page will 100% impact the sales.

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 4, 2022 at 16:59

    Hello,

    1) Keep this option disabled in Elementor settings https://prnt.sc/25zpc8j Check now.

    2) We’ll add option to show a slider for the product images on mobile only in one of the next theme update.
    Added below code to Theme Options > Custom CSS to change the order of the elements for the mobile version

    @media only screen and (max-width: 992px){
        .single-product-builder .row > div > .row {
            display: flex;
            flex-direction: column;
        }
    
        .single-product-builder .row > div > .row .element-TFML4 {
            order: -1;
        }
    }

    Regards

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

The issue related to '‘Disable Lightbox option not working on single product page (Sneakers demo)’' has been successfully resolved, and the topic is now closed for further responses

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