text link to open image in lightbox – Themeco Community https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/feed/ Sat, 18 Oct 2025 07:25:57 +0000 https://bbpress.org/?v=2.6.14 en-US https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-273798 <![CDATA[text link to open image in lightbox]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-273798 Thu, 14 May 2015 19:37:49 +0000 macmike78 I’m trying to get this to open the following image in a lightbox but am not having much luck. Hope you can help…

<p>Level: <?php the_field('level'); ?> <a href="http://mywebsite/wp-content/uploads/2015/05/<?php the_field('location'); ?>.jpg"><?php the_field('location'); ?></a></p>

How can I get this image to open in your lightbox from within the template files?

Thanks in advance!

]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-273931 <![CDATA[Reply To: text link to open image in lightbox]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-273931 Thu, 14 May 2015 22:25:11 +0000 Prasant Rai Hello There,

Thanks for writing in! There is a great lightbox shortcode walkthrough available – http://theme.co/x/member/kb/shortcode-walkthrough-lightbox/

I would recommend watching this and coming back if you have additional questions.

Hope that helps.

Thanks.

]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-388187 <![CDATA[Reply To: text link to open image in lightbox]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-388187 Mon, 14 Sep 2015 13:55:58 +0000 bak Hi, i read through a few threads and you normally refer to the shortcode walkthrough mentioned above. but i do not understand much more after reading it. would you mind telling me what to do to have a text link that opens up a lightbox to an image which I can upload like I usually do with images?

]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-388230 <![CDATA[Reply To: text link to open image in lightbox]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-388230 Mon, 14 Sep 2015 14:34:36 +0000 Zeshan You need to add a class to your link tag and then use it as a selector to your [lightbox] shortcode. So your final code would be:

<p>Level: <?php the_field('level'); ?> <a class="open-in-lightbox" href="http://mywebsite/wp-content/uploads/2015/05/<?php the_field('location'); ?>.jpg"><?php the_field('location'); ?></a></p>

Then the shortcode you need to add after this would be:

[lightbox selector=".open-in-lightbox"]

If you are making a template change, you can wrap the shortcode in WordPress do_shortcode() function.

Thanks!

]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-388288 <![CDATA[Reply To: text link to open image in lightbox]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-388288 Mon, 14 Sep 2015 15:21:01 +0000 bak thanks for your reply but I don’t see a class field when the link box opens

http://prntscr.com/8g92gc

]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-388436 <![CDATA[Reply To: text link to open image in lightbox]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-388436 Mon, 14 Sep 2015 17:39:34 +0000 Jade Hi there,

You can do it by selecting Text view and adding in the class name just like here: http://prntscr.com/8gatri

Hope this helps.

]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-388622 <![CDATA[Reply To: text link to open image in lightbox]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-388622 Mon, 14 Sep 2015 20:59:46 +0000 bak https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-388879 <![CDATA[Reply To: text link to open image in lightbox]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-388879 Tue, 15 Sep 2015 04:58:06 +0000 Friech Hi There,

Sorry, we’re a bit confuse too, may I know what element is this? http://prntscr.com/8g92gc
If you hardcode the anchor tag that should look like this

<p>Level: <?php the_field('level'); ?> <a class="lbx" href="http://mywebsite/wp-content/uploads/2015/05/<?php the_field('location'); ?>.jpg"><?php the_field('location'); ?></a></p>

If you notice the class="lbx" added to the anchor, that should be the selector you set on the lightbox shortcode.

[lightbox selector=".lbx"]

Thanks!

]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-389220 <![CDATA[Reply To: text link to open image in lightbox]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-389220 Tue, 15 Sep 2015 12:11:30 +0000 bak https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-389269 <![CDATA[Reply To: text link to open image in lightbox]]> https://theme.co/archive/forums/topic/text-link-to-open-image-in-lightbox/#post-389269 Tue, 15 Sep 2015 13:03:50 +0000 Paul R Hi Bak,

You can add all code in a text element.


<a class="open-in-lightbox" href="http://194.126.200.62/~bakronat/wp-content/uploads/2015/08/TSP-Pro-Logger.jpg">Your text here</a>
[lightbox selector=".open-in-lightbox"]

Please see screenshot

http://screencast.com/t/nsIc5riZvP

Change http://194.126.200.62/~bakronat/wp-content/uploads/2015/08/TSP-Pro-Logger.jpg with the url of your image
and change Your text here with the word/text that you want

Hope that helps

]]>