Make hyper link open Lightbox? – Themeco Community

Make hyper link open Lightbox?

threeoten — Sun, 18 Jan 2015 02:19:47 +0000

I am trying to get a hyper link to open a video in iLightbox but I cannot figure it out. I watched the shortcode video and it never explained how to get a hyper link to target a lightbox, only an image and button.
thank you!

Reply To: Make hyper link open Lightbox?

threeoten — Sun, 18 Jan 2015 03:10:26 +0000

The link I’m trying to use is a Custom Headline with the following:

PLAY VIDEO
[icon type="play-circle"]

and then I started experimenting with, with no luck:

PLAY VIDEO
[icon type="play-circle"][lightbox selector=".vid-test"]

Reply To: Make hyper link open Lightbox?

Paul R — Mon, 19 Jan 2015 05:11:19 +0000

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Reply To: Make hyper link open Lightbox?

threeoten — Mon, 19 Jan 2015 17:41:59 +0000

This reply has been marked as private.

Reply To: Make hyper link open Lightbox?

Christian — Tue, 20 Jan 2015 08:09:36 +0000

Hey there,

Please use

PLAY VIDEO
[icon type="play-circle"][lightbox selector=".vid-test"]

To make the video light box work, the lightbox_video attribute must be set to true (lightbox_video="true"). It is responsible for outputting the code

data-options="thumbnail: 'image-1.jpg', width: 1080, height: 608"

which is needed for the video to work.

Hope that helps. 🙂

Reply To: Make hyper link open Lightbox?

threeoten — Wed, 21 Jan 2015 20:04:32 +0000

I understand that if I was trying to make an image open in a lightbox, I would go into the image element in VC and I would check the box that says “Lightbox Video”. But since there I’m using a Custom Headline element as the link that I want to open the lightbox, there is no option to turn on “Lightbox Video” in my Custom Headline in VC, so I don’t understand where I’m supposed to use the lightbox_video="true" code provided above. I tried pasting it inline with the custom headline and also in with the lighbox selector shortcode, with no results.

Also, I’m not sure what the thumbnail: 'image-1.jpg' is supposed to be in this case. Since there is no thumbnail that I’m using, it’s just the Custom Headline link.

Reply To: Make hyper link open Lightbox?

Friech — Thu, 22 Jan 2015 05:21:51 +0000

Hi there,

To make a custom headline linked to a lightbox. First setup a responsive lightbox shortcode and assign a selector. Then create a custom headline shortcode and paste the code below, make sure you are on the text tab.

Play video

Change the class to the selector you assigned on lightbox shortcode. And the href for the URL of the video.

Hope it helps, Cheers!

Reply To: Make hyper link open Lightbox?

threeoten — Thu, 22 Jan 2015 20:30:02 +0000

Wait. We’re going backwards now. That’s what I had started with, as seen in my original post: https://theme.co/x/member/forums/topic/make-hyper-link-open-lightbox/#post-185356
And that doesn’t work. Just opens the video into a new window.

Reply To: Make hyper link open Lightbox?

Zeshan — Fri, 23 Jan 2015 16:25:08 +0000

Hi there,

We’re sorry for the confusion!

Upon checking your website, there are many JS conflicts (see: http://prntscr.com/5w2786) that is the reason of this issue. I’d advise try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Thanks!

Reply To: Make hyper link open Lightbox?

threeoten — Fri, 23 Jan 2015 22:03:20 +0000

I deactivated all plugins and it still won’t open in a lightbox. I’m not getting the same errors as you are either, only the one seen in the screenshot below. I have no idea what all of that means, but I do see a reference to iLightbox when the error is expanded.

http://screencast.com/t/aFoH3Lhi

Current code:

[vc_row no_margin="true" padding_top="10%" padding_bottom="12%" border="none" class="center-text" bg_image="5096" style="background-size: cover; background-repeat: no-repeat;"][vc_column width="1/1"][custom_headline type="center" level="h2" looks_like="h2" class="vid-test vid-play" style="font-size: 50px"]PLAY VIDEO
[icon type="play-circle" style="font-size:2.5em;"][/custom_headline][/vc_column][/vc_row]

[vc_row][vc_column width="1/1"][lightbox selector=".vid-test" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal" lightbox_video="true"][/vc_column][/vc_row]