Docs

[cwallace]

Greetings, X Team…

I find myself in need of some advice. I have two lightbox plugins, both of which utilize Nivo Lightbox: one from Dev7studios, the other called Responsive Lightbox Pro. The particular functionality I need is the ability to lightbox inline content (e.g., contents of a div), and both of these plugins provide that functionality — as long as I’m NOT using X Theme!

In both cases, I tested all of the available options: iframes, images, videos, etc. — all worked well, regardless of theme. Upon testing the inline content function however, they both failed with X Theme, and both were successful when I switched to the WP 2016 theme. (sigh…)

For the sake of completeness here, the failure occurs only in an anchor tag when data-lightbox-type=”inline” and href=”#id” are used.

So… the question now becomes how to troubleshoot this bugger. I grep’d all of X looking for “nivo” — nothing found, which I suppose is good. I considered the possibility of X’s lightbox shortcode possibly interfering, but the term “lightbox” only appears in Integrity CSS and I don’t *think* this is involved (still looking at this possibility, though). Beyond this point, I’m pretty much stumped.

[EDIT] I just tried on my laptop via Firefox and it worked fine — which means the browser might enter into the picture. The tests that failed were via Chrome on a mobile device. This still doesn’t explain why changing themes produced a successful result. More confusion!

If you have any thoughts or suggestions as to how to find the culprit, I would be most grateful.

Thanks as always and best regards,
Chris

[Rupok]

Hi Chris,

Sorry to hear that you are having trouble. We have integrated lightbox but it should not interfere but still might conflict if that use same library as the plugin you are using. Would you point us the lightbox with exact URL so that we can test from our end?

Cheers!

[cwallace]

This reply has been marked as private.

[Rupok]

Hi Chris,

Thanks for writing back. I have tested from my end and I can see all of the three lightboxes on the page are opening fine. Here goes a screencast – http://recordit.co/ak1h50cBap

Cheers!

[cwallace]

Thanks for checking. As a solution, I decided to write my own simple lightbox, and in the process, I found the solution. Apparently the “#” in the href attribute is a no-no. When I changed href to an empty value and moved the div selector to a data attribute, the link started working correctly. Using a “#” in an href is probably a bad idea anyway.

Thanks for digging in!
Chris

[Jade]

You’re welcome, Chris.

[Author]

Posts