[Resolved] Lightbox feature of the Gallery block not working for some visitors

[Author]

Posts

[collinC-2]

Hello, I am having an issue with the lightbox feature of the Gallery block inside of a Toolset content template. We have a projects section that displays a list of images that take you to individual project pages. At the bottom of the individual product pages we're using the Gallery block to show images about that project (hidden link) from a image field for the Project custom post type.

For some visitors, the lightbox on Gallery block it works normally. The lightbox pops up with the images from the images field we've set and the previous/next arrows, X close icon, etc. work as expected. For other visitors it loads one image of the lightbox and the rest of the images in the don't load. You can see the close X icons stack on top of each other without the image that goes along with it.

We've tried the standard troubleshooting steps like:

- Cleared local caches
- Cleared WP Engine cache
- Checked with WP Engine support that there is nothing special going on with those pages
- Viewed the page logged in as admin
- Tried incognito mode, multiple types of browsers on multiple OSes on different networks (office, home, cellular, etc.)
- Reinstalled Toolset plugins
- Reset Toolset registration keys
- Checked the console to make sure there's no Toolset related errors
- Made a copy of the site then disabled all other plugins except for Toolset nd used the parent theme without

We've not been able to find a common element that breaks the lightbox for some visitor. Is there anything other troubleshooting steps we need to try?

I think the only thing we've not been able to eliminate is the Divi theme. When we switch to a theme like Twenty Twenty we see the Divi shortcodes and not the Gallery block.

I've got a staging site set up so you can take a look at things safely. We have backups for it so feel free to make changes. I'll add the access to this ticket. I can also set up a non-Divi page with the same gallery block if that would be helpful.

I've also got more images and videos of how the broken version looks if you'd like to see those.

Please let me know what other details we need to provide to help get this issue resolved. Thank you for your help!

[Minesh]

Hello. Thank you for contacting the Toolset support.

This is a known issue to us and already escalated in front of our Devs.

For now, the workaround is to edit your single post content template and within the CSS editor try to add the following custom CSS that should help you to fix this issue.

#lightbox > .lb-dataContainer.tb-lb-dataContainer {
display:none !important;    
}
#lightbox > .lb-dataContainer.tb-lb-dataContainer:first-of-type {
display:block !important;    
}

More info:
- https://toolset.com/course-lesson/adding-custom-css-to-templates-archives-and-views/#steps-for-adding-css-to-a-content-template

[collinC-2]

That seemed to do the trick! Thanks for the help!