Duplicate galleries conflict with lightbox

hi @osiak

If you put the same foogallery shortcode on the page twice, then it might cause issues due to there now being tags with duplicate id’s on the page.

Having said that though, I have done this before without issues.

What changes are you making to the gallery to make a “mobile version”?

Hi @bradvin,
I actually don’t have an issue with the gallery – they display fine (I have duplicated my row and changed display settings in CSS for mobile queries). The issue is with the lightbox not working, or actually – working only for the first gallery from the top, in my case the mobile version.
I know that such duplicate content can cause problems, especially that – like you said – the ID is duplicated and the lighbox script may reference that ID, which causes conflict with the second occurrence. Nevertheless my question is whether there might be some workaround other than duplicating all the galleries for mobile and changing the gallery IDs on the page (which will take a lot of time).

I think link to the page with the issue, so that we can debug the problem

Two examples:
https://papirus-studio.pl/pudelka-z-wieczkiem/
https://papirus-studio.pl/pudelka-z-okladka/

thanks for the links @osiak

We were able to see the problem, and it is due to the duplicate ID’s on the page which is causing the issue.

Your galleries use the rel=”lightbox[GALLERY_ID]” on the items, so what is happening is the first batch of galleries is being initialized and effectively stealing the items from the second batch of visible galleries.

So when foobox is initialized on the second batch of visible galleries, it finds the items but they belong to another instance of FooBox so it leaves them alone.

This is no fault of FooBox, it is doing what it is told, but getting confused because of the bad data in the page output by having duplicate galleries on the same page.

I have added a development task to our backlog for FooGallery to check for existing galleries on a page, and create a unique ID when it finds duplicates. We are busy with some major updates at the moment, so after that we could get round to adding this to FooGallery.

Thanks @bradvin,
I expected such answer and this is more or less obvious to me, same as not having an out of the box solution for this. Of course implementing a different ID for the duplicated gallery automatically would be a great feature. Now I guess the only solution is to duplicate my galleries and use the duplicated (different) ID on the mobile version.
Anyway, thanks for your feedback. Would you have a rough ETA for the FooGallery duplicate ID fix implementation?