Pop up window with embedded Youtube video for Image Show GK4

I love how the simplicity theme has a pop up window with an embedded youtube video. I'm trying to replicate this same idea using the Storefront theme in the header area. This uses a "Image Show GK4" module. Is it possible to do that in the text editing area within the module? It seems to display html fine. What would I need to do in order to get this to function correctly. I grabbed the code from the simplicity theme and brought it over but its not linking nor is it giving me a pop up window. Do I need additional CSS edits made? Here is the code I grabbed prior to link updating.

<p><a class="gk-video-link modal" href="http://www.youtube.com/embed/vb2eObvmvdI" rel="{handler: 'iframe', size: {x: 560, y: 315}}">Watch the introduction</a></p>

If someone could help I would really appreciate it. I've poked through the forums and I did not see anything that would be similar to the issue I'm trying to resolve. If I missed a "solution" within the forum, I apologize and ask that you please provide me with the link.

Could you please provide your site url where you have implemented this solution and link to our demo server where I can check it working on "simplicity" template?

So here is the demo site http://demo.gavick.com/joomla25/simplicity/
The functionality that I want to replicate is in the main header area. If you click on "Watch the introduction" link (right below the blue Get started today! button), a video shows up in a pop up window.

Here is the template that I have installed on my testing site
http://demo.gavick.com/joomla25/storefront/

Here is the url for my test site
http://s508790130.onlinehome.us/index.php
I tried to add a button in the main header area. It's the watch demo reel button. The header area is an "Image Show GK4" module.

Could you please provide your site url where you have implemented this solution and link to our demo server where I can check it working on "simplicity" template?

Just wanted to check in and see if you've had any luck with this. Please let me know what you find, and if I need to find another solution for this. If you need info in addition to what I posted the other day let me know. Thanks again

From what I see your button has a different html:

Code: Select all

<a class="button" href="http://www.youtube.com/embed/vb2eObvmvdI" rel="{handler: 'iframe', size: {x: 560, y: 315}}">Watch Demo Reel</a>


is it on purpose?

From what I see your button has a different html:

Code: Select all

<a class="button" href="http://www.youtube.com/embed/vb2eObvmvdI" rel="{handler: 'iframe', size: {x: 560, y: 315}}">Watch Demo Reel</a>


is it on purpose?

Yes, I made those changes at one point during testing and undid them a few minutes ago after I saw your response. The html should be the same as the demo site now. Eventually if this can be fixed i'd like to update button text and youtube link. After bringing the other html back, it is still not working. Any other ideas?

Hey BTW, I decided to go with a different module that I'm more familiar with. I installed Revolution Slider and its working fine on my test pages. Thanks for trying to help...

Going back to original topic - sadly this template doesn't allow for that kind of popups. So the only solution is to use 3rd party plugin or port the functionality by yourself.