Lightbox on mobile is always on, unable to turn off

This topic has 10 replies, 4 voices, and was last updated 1 years, 7 months ago ago by Andrew Mitchell

  • Avatar: Ilya
    Ilya
    Participant
    May 11, 2024 at 20:33

    Hello, i turned off lightbox, but its still on on mobile device

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    9 Answers
    Avatar: Ilya
    Ilya
    Participant
    May 11, 2024 at 20:35

    mobile screenshot

    Files is visible for topic creator and
    support staff only.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 12, 2024 at 08:28

    Hello,

    Thank you for contacting us and for using XStore.

    To assist you further, we kindly ask that you insert the following code into your system and verify the outcome:

    .single-product .double_image .main-images > div {
        pointer-events: none;
    }

    https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

    Kind Regards,
    8theme team

    Avatar: Ilya
    Ilya
    Participant
    May 12, 2024 at 10:48

    not working, even added !important and still nothing

    Avatar: Ilya
    Ilya
    Participant
    May 12, 2024 at 10:49

    i added in custom css

    Files is visible for topic creator and
    support staff only.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 12, 2024 at 11:07

    Hello,

    We appreciate your prompt response.

    Please change the code to:

    .single-product .double_image .main-images > div,
    .single-product a.woocommerce-main-image.zoom  {
        pointer-events: none !important;
    }

    Kind Regards,
    8theme team

    Avatar: Ilya
    Ilya
    Participant
    May 12, 2024 at 11:25

    still same

    Avatar: Justin
    Luca Rossi
    Support staff
    May 13, 2024 at 04:51

    Hi @Ilya,

    Can you please try adding the following code under functions.php file locates in your child theme:

    
    add_action('wp_footer', 'n2t_wp_footer');
    function n2t_wp_footer(){
    	?>
        <script>
            jQuery( function($){
                $(document).ready(function(){
                    var mobile = ($(window).width() < 600);
                    $('.single-product a.woocommerce-main-image.zoom').click(function (e) {
                        if (mobile)
                            e.preventDefault();
                    });
                })
            });
        </script>
    	<?php
    }
    

    Hope it helps!

    Avatar: Ilya
    Ilya
    Participant
    May 13, 2024 at 15:58

    it worked, thanks

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    May 13, 2024 at 15:58

    Dear Ilya,

    As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

    Click here to share your valuable perspective: https://themeforest.net/downloads

    Your time and trust are highly appreciated!

    Best Regards,
    The 8Theme Team

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

The issue related to '‘lightbox on mobile is always on, unable to turn off’' 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.