Lightbox gallery did not pop up

You have a conflict arising from another plugin. From what I can see, the Photonic gallery is launching. Specifically on your “Our Projects” page, I am able to launch the galleries without issues. However, on your front-page, the other plugin is kicking in right after Photonic’s galleries show. That is redirecting the click to the link in the photo.

Hi Sayontan,

Thank you for your prompt reply. For the purpose of troubleshooting, I have deactivated all plugins, except for the wordpress editor which is Elementor.

The lightbox gallery popped up for about 1 second, then it closes on its own and the page refreshed.

Hi Sayontan,

Upon further investigation and troubleshooting of this issue, I found out that this issue only persist on chrome. Ive used multiple devices to confirm this.

Please follow this link for a screen recording of the issue :https://www.loom.com/share/b223007b540046568b37557ac66ec32b?sid=0d8a4466-36ee-42b5-8fc0-b2d854f104a8

I see an issue on the front-page on all browsers. I see no issue on the “Projects” page on Firefox or Edge, but I see it on Chrome.

Unfortunately I cannot help you with troubleshooting this as of now – I am on vacation traveling internationally, and I have no way to replicate your setup since my Photonic setup is on my computer at home.

Basically, any of your updated scripts could be causing this. Essentially, this is what happens:

1. The default behaviour of browsers is to capture a click on an anchor element and send to a page, or the target of that anchor element. In case of your galleries, this is typically the link to the larger element.
2. Lightbox plugins override the default behaviour by capturing the click on the anchor elements, and keep the user on the page. Photonic does this by adding a CSS class like photonic-thumb to its anchor elements (only to its gallery elements and nothing else), then shows you the lightbox / gallery corresponding to it.
3. However, another plugin may override Photonic’s behaviour by capturing clicks on all elements. It may be then be using information from the clicks for its own purpose, then using the default behaviour of the click (which is in point #1 above) or some custom behaviour. This could happen due to a conflicting lightbox plugin, or a plugin that does analytics.

Basically, what is happening is that #2 and #3 are both happening for you – #3 may be taking some time to happen, which is making Photonic disappear after it comes up. If you have updated something in the Elementor ecosystem, it is possible that the updated script is causing the conflict.

The fact that you are seeing Photonic’s lightbox even for a bit means that Photonic is functioning fine. It is the other plugin that is causing the conflict.

Hi Sayontan,

Thank you for replying and troubleshoot while you’re travelling.

You are spot on with the explanation, it is caused by Elementor as they have automatically opted the website in for beta testing, and it is capturing the click for analytics. I’ve disabled them all, cleaned as much unused codes as I can, updated the theme and reloaded the CSS library. It works like a charm now.

Bought you some coffee for your time in troubleshooting this issue. Thank you!

Note:

I’ve removed the video link for privacy reasons but keeping the website link on so that anyone with the same issue can view the source code and understand what Sayontan’s saying.

I’ve also changed the title so it’ll be easier for those in the same situation.