Swift Slider Not Allowing Video Popups

[llobe]

Hi there,

I am a very loyal user and Joyn is my favorite theme of all time.

I am currently creating a website where I need Swift Slider on the homepage. In the slider there is a button that says Watch Video. When you click the button, a modal popup should display with video autoplay from YouTube–simple. I have tried several video lightbox plugins and while they work on my regular site, the popup functionality is disabled if the button is within the slider (button just goes to _blank target).

Is there Javascript that is disabling the popup within the slider? How can I turn it off? I’m happy to mess with the code too.

What is crazy is that a Joyn website from a year ago (old Swift Slider) didn’t have this problem. It worked great with the same plugin and same code. See below:

Popup NOT working (new site, click on Watch Video): https://vaya.in/
Popup Working (old site, click on Watch Video): http://voxhill.com/

Can someone please help. Thank you so much!

-Nick

[David Martin – Support]

On your new site, you are simply adding a standard link to the slider, hence no popup.

<a class="grey-button vp-a" target="_blank" href="https://youtu.be/CWJ4URaEM9c">Watch Video</a>

Your old site seems to use or correspond to a plugin: wp-video-lightbox.

<a title="" href="https://www.youtube.com/watch?v=MBstNTU8TaI" rel="wp-video-lightbox"><button class="btn btn-video btn-lg" style="margin: 20px 0px 0px 0px;" type="button"><i class="fa-play" style="padding-right: 10px;"></i> Watch Video</button></a>

[llobe]

Hi David,

Thanks for your reply.

Good observation, this is because I tried multiple plugins (wp-video-lightbox vs Video Pop plugin). The second one uses .vp-a class to call the popup.

However, this issue is still a problem even though I use the same plugin with the exact code. Here is proof:
OLD SITE (working): http://voxhill.com/
NEW SITE (not working): https://vaya.in/slidertest/

Upon testing further, I noticed that the popups work if it is a SINGLE slide, but they do not work if it is a MULTIPLE slide. Here is proof:
SINGLE SLIDE (working): https://vaya.in/slidertest/
MULTIPLE SLIDE (not working): https://vaya.in/slidertest2/

Is there a way I can display multiple slides (with navigation and bullets), but keep the popup functionality intact? It is very important to do both.

Your help is greatly appreciated. -Nick

[David Martin – Support]

PLease provide logins for both so I can confirm what you are entering in the editor.

[llobe]

Hi David,

Unfortunately, they are both production sites so I can’t share the login.

But, the content in on the editor is the exact same on both. I literally copied and pasted the code and used the same slide. The slider popup breaks if I have 1 slide vs. more than 1 slide (even if it’s the same slide being displayed).

Here is the code:

<div class="col-sm-4">

<img class="aligncenter" style="max-width: 240px;" src="/wp-content/uploads/2017/01/tyffyn-1000-logo-1.png" alt="tyffyn logo" />
<div class="title" style="font-size: 24px !important; line-height: 36px !important; margin-bottom: 35px !important; text-align: center;">Look Good. Eat Good.</div>
<div style="margin: auto; text-align: center;">
<div style="margin: 0px 15px 30px 15px; display: inline-block;"><a title="" href="https://www.youtube.com/watch?v=MBstNTU8TaI" rel="wp-video-lightbox"><button class="btn btn-video btn-lg" style="margin: 20px 0px 0px 0px;" type="button"><i class="fa-play" style="padding-right: 10px;"></i> Watch Video</button></a></div>
<div style="margin-bottom: 30px; display: inline-block;"><a class="green-button" href="/product/tyffyn1000/">Buy Now</a></div>
</div>
</div>
<div class="col-sm-8"><img style="width: 100%; max-width: 680px;" src="/wp-content/uploads/2017/01/lunch-redefined.jpg" alt="Vaya Tyffyn Info" /></div>

[David Martin – Support]

Ok, what plugin are you using this with?

[llobe]

I am using wp-video-lightbox. I have also tried it with Video Popup. They both have the same issue.

Again, the same exact slide on the slider works when used alone, but stops working when used with another slide. So it’s not an issue with the plugin, but more of an interaction with the Swift Slider code when shifting between slides.

[David Martin – Support]

Sure, I’ll need to test this further to replicate locally so I need all the info to reproduce the issue – I’ll download WP Video Lightbox.

Any reason not to use our native shortcode for video popups? [sf_fullscreenvideo type="text-button" btntext="Button Text" imageurl="image.jpg" videourl="videourl.com" extraclass=""]

Cheers,

[llobe]

Actually… I had no idea that shortcode existed. I’ll try it and if it works, I’m happy to go with it.

[llobe]

Oh wow! It worked: https://vaya.in/slidertest/

That should solve the problem for now. No need to have another popup solution. Thanks a lot!

[David Martin – Support]

Glad to help you out! Yes, one less plugin is always better where possible.