Lightbox No Longer Working

Here’s my code:

This was previously working fine. Not sure at what point it broke. Looking at the revisions, nothing has changed in the code snippet. Currently there is an error (see screen shot) when trying to set up lightbox with video.

[image class=“home-video-poster” src="/wp-content/uploads/2017/06/video-player-poster.jpg" link=“true” href=“https://www.youtube.com/embed/gkvEM4DPuiY?autoplay=1&hd=1” lightbox_video=“true”]
[lightbox class=“ilightbox-loader light”]

I see in the console the following error:

Thanks!

Hi There,

Please change the shortcode to this:

[image class="home-video-poster" src="/wp-content/uploads/2017/06/video-player-poster.jpg" link="true" href="https://www.youtube.com/embed/gkvEM4DPuiY?autoplay=1&hd=1" lightbox_video="true"]
[lightbox selector=".home-video-poster" class="ilightbox-loader light"]

Hello, This did not fix the issue. I don’t see the error any longer but the link that should launch the video in an overlay is simply routing to a new page and loading the video there.

The video is at the top of the page on the right.

http://lotusfitnessstudio.com/

Thanks!

Hey There,

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

All the best!

http://lotusfitnessstudio.com/wp-admin
pages >> home >> first section

Hi There,

I can see you are using updated Cornerstone. Please update X theme too. See latest versions here: https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195. Let us know how this goes.

Updating to the latest version of the theme did not fix the issue.

Hi,

I would like to chec but you are currently editing.

So I tried creating a test page and added the lightbox code.

It seems to work - http://lotusfitnessstudio.com/support-test/

Cool. That pointed me in the right direction. Turns out I had a different layout for mobile but kept the same class name. I updated the class name in the mobile layout to home-video-poster-mobile and the lightbox worked. The updated code is:

[image class=“home-video-poster-mobile” src="/wp-content/uploads/2017/06/video-player-poster.jpg" link=“true” href=“https://www.youtube.com/embed/gkvEM4DPuiY?autoplay=1&hd=1” lightbox_video=“true”]
[lightbox selector=".home-video-poster-mobile"]

For desktop:
[image class=“home-video-poster” src="/wp-content/uploads/2017/06/video-player-poster.jpg" link=“true” href=“https://www.youtube.com/embed/gkvEM4DPuiY?autoplay=1&hd=1” lightbox_video=“true”]
[lightbox selector=".home-video-poster"]

Thanks for the help!

Glad we could help and thank you for sharing.

Cheers!