Product page click on image should not open a popup images slider

This topic has 6 replies, 3 voices, and was last updated 5 minutes ago ago by Luca Rossi

  • Avatar: Abdul Moiz
    Abdul Moiz
    Participant
    January 26, 2025 at 17:13

    We want to restrict this option so that on click on image on product page, it doesn’t open popup scroller. on hover it just zooms that is enough no need to open popup of images scroller on click.
    screen recording: https://monosnap.com/file/MrM9XTcQak8s3iX424AKPwlTUDFFzc

    product page for sample: https://familycare.pk/product/littmann-classic-iii-stethoscope-5803/

    Kindly help.

    5 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 27, 2025 at 05:50

    Hello, @Abdul Moiz,

    Thank you for contacting us and for using XStore.

    We are pleased to inform you that your issue has been successfully resolved. We kindly request you to check your website after clearing your browser cache.

    To address the matter, we have made adjustments to the single product page layout. Specifically, the following steps were taken:

    1. Navigated to **XStore Builder > Single Product Builder**.
    2. Accessed the **Edit Product Image** section via Elementor.
    3. Disabled the **Open Lightbox** option.
    4. Saved and updated the changes.

    For your reference, we have provided an image in the private content area to guide you further.

    We hope this resolves your concern. Should you have any additional questions or require further assistance, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

    Content is visible for topic creator and
    support staff only.
    Avatar: Abdul Moiz
    Abdul Moiz
    Participant
    January 27, 2025 at 10:15

    What you did doesn’t stop opening image in popup and difference is that now it doesn’t show scroller and just show image on full page. We are finding a way so on click nothing happens. can you help with that?

    I have enabled back lightbox. Please provide a better solution if there is any.

    thanks

    Content is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    January 27, 2025 at 11:21

    Hi @Abdul Moiz,

    We’ve disabled the click event of those images by added this custom code under functions.php file:

    
    add_action('wp_footer', 'n2t_wp_footer', 999);
    function n2t_wp_footer(){
    	?>
        <script>
            jQuery( function($){
                $(document).ready(function(){
                    setTimeout(function (){
                        $('.woocommerce-product-gallery__image a').attr('href' ,'#');
                    }, 1000);
                })
            });
        </script>
    	<?php
    }
    

    Can you please double check again?

    Thank you!

    Avatar: Abdul Moiz
    Abdul Moiz
    Participant
    January 27, 2025 at 12:31

    Thank you. you’re the bset

    Avatar: Justin
    Luca Rossi
    Support staff
    January 27, 2025 at 12:38

    If you need anything else feel free to let us know.

    Best regards,
    The 8Theme Team

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

The issue related to '‘product page click on image should not open a popup images slider’' 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.