0

I have added the owl carousel for custom product gallery with following configuration

$('.owl-gallery').owlCarousel({
                loop: true,
                margin: 10,
                nav: true,
                dots: false,
                slideBy: 3,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 3
                    },
                    1000: {
                        items: 3
                    }
                }
            });

If I'm clicking the image, then it will show the popup with product images gallery images and added owl carousel with the following configuration:

$('.owl-gallery-popup').owlCarousel({
                    loop: true,
                    margin: 10,
                    nav: true,
                    dots: false,
                    responsive: {
                        0: {
                            items: 1
                        },
                        600: {
                            items: 1
                        },
                        1000: {
                            items: 1
                        }
                    }
                }); 

It is all working perfect.

If I click the particular image, that image will be displayed in the popup.

How to do that.

Thanks.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.