Display Issue With Shopkeeper At Small Responsive

You have to disable the default lightbox of Shopkeeper – it will still try to open which causes a conflict. I don’t know Shopkeeper, so I can’t explain how to disable the lightbox there, but this is the problem: both lightbox scripts are active at the same time.

See:

1) Open a picture in normal mode

2) Make your browser smaller, so the layout will change

3) Close the lightbox

4) See: the original lightbox from Shopkeeper is also active and still open in the background.

Hi,
Thanks for quickly take a look for me.
I got one more question, this is not because your plugin. At my product page, there is 2 gallery picture, mobile gallery and desktop. With desktop view, mobile gallery was hidden but PhotoSwipe still claw into it. So the counter count wrong (it count desktop + mobile picture combine) and it show combine all picture in lightbox ofcourse. So is it possible to add some code to functions file or something to prevent PhotoSwipe claw into hidden class?
Thank you.

• This reply was modified 5 years, 5 months ago by Finn.

Sorry, but this can not be solved.

The Lightbox does not know how “mobile” is defined on your website – it just looks for linked images and uses them. The script which builds the image collection for the Lightbox runs in the browser as part of the frontend, so there is nothing you can add in functions.php anyway. Also the script does not know, which of the images are currently visible and which not – since this is also depending on the device on which the website is displayed and not just a fixed class.

The better solution would be one gallery which can be used for desktop and mobile and use only CSS to arrange the pictures shown. You should also take into account that a website is not really accessible this way – people which need assistive technology may always see both galleries and might get confused by that.

Thanks a lot ??