Working with both Team and Responsive Lightbox

Q&ACategory: PluginWorking with both Team and Responsive Lightbox
Peter asked 2 years ago

This may be relatively tricky, but I’ve got the Team bio popup that has the bio text inside it and a button “watch the talk” to open up a responsive lightbox video. It works but the Team popup modal covers the responsive lightbox. Any way I can either get the Team popup modal to close upon clicking the “watch the talk” or use the Team popup window to act as the responsive lightbox?
can view at http://www.waitalks.co.nz, click the team member Susi Newborn > “watch the talk”
Kind Regards,
Peter

1 Answers
Hasan Staff answered 2 years ago

Thanks for your post.
I have checked the issue, i can see the popup(with video) open when i click “Watch the talk” but bio popup not close.
The issue can be solved by adding jquery event on click “Watch the talk”, please see the code sample
https://github.com/paratheme/Team–meet-the-team-gird—jquery-event-on-popup-box/blob/master/popup-close.js
 
Hope your issue solved.
 
Best Regards
 

Peter replied 2 years ago

Hey Hasan, thanks, but the link is giving me a 404 is there another link?

Hasan Staff replied 2 years ago

Ooops sorry for that please check this link https://github.com/paratheme/Team–meet-the-team-gird—jquery-event-on-popup-box

Hasan Staff replied 2 years ago

see the file popup-close.js

Peter replied 2 years ago

Doesn’t seem to be working Hasan. I’ve been advised to change the code to jQuery(document).ready(function($){ $(document).on(‘click’, ‘.team-slide .x-icon-play’, function(){ $(‘.team-popup-box’).hide(); $(‘.team-slide’).hide(); }); });to play nicely with the theme I’m running. Any other ideas?Kind Regards,Drew

Hasan Staff replied 2 years ago

Hi Thanks for your reply, i am not sure whats you plan ? is that when click “Watch the talk” it will open “Lightbox” popup with video (What i can see) and “Team bio box” will hide ?

Hasan Staff replied 2 years ago

can you please change ".x-icon-play" to ".x-btn-regular" class on my github code, or please test a alert event first on "Watch the talk" button