Hi,
thanks for your question, and sorry for the trouble.
It’s not as easy as that, I’m afraid.
You will need a plugin that can add an overlay/thickbox.
Personally, I like https://wordpress.org/plugins/wp-featherlight/ for this.
Regards,
Tobias
Thanks a lot, Tobias. I’ll try it! Cheers!
Hi,
no problem, you are very welcome! 🙂 Good to hear that this helped!
Best wishes,
Tobias
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!
Hello again Tobias
Actually it doesn’t seem to work so good… Instead of opening a lightbox, it opens the page of the full size image… How can I avoid it, and just open a lightbox with the full size image instead of redirecting to the original image page? Thanks!
Hi,
Then you haven’t configured that plugin correctly. It will open a lightbox, if the link HTML is correct.
Regards,
Tobias
There’s nothing to be configured… The plugin should work opening a lightbox by default, but it’s not working. Anyway, I’ve sent a message to the author, let’s see if we can fix it. Thank you anyway
Cheers, Fran
Hi Fran,
you will need to add certain HTML attributes to the link/image HTML code, as shown in their documentation at https://github.com/noelboss/featherlight/#usage :
<a href="myimage.jpg" data-featherlight="image"><img src="myimage.jpg" /></a>
Note that data-featherlight="image" HTML attribute in the link HTML.
Regards,
Tobias
Hello Tobias,
thank you so much for your posts. I have some links in my Table to images about playgrounds at the german motorways and search for a solution, that these images don’t opens as separate page.
I’ve installed these featherligth plugin, clear all caches and it works out of the box with a simple design.
Overall it takes 10 minutes to google, install plugin and test on desktop and mobile.
You’re a hero 🙂
Hi Asgard,
awesome! 🙂 Great to hear that this solution worked for you as well! 🙂
Best wishes,
Tobias
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!
Hi Tobias,
Could this featherlight be used to open the complete table in an overlay?
I tried this:
`<div id=”mylightbox”><?php the_field( ‘auction_table’ ); ?></div>
<a href=”#” data-featherlight=”#mylightbox”>Open element in lightbox</a>`
Thank you.
Hi,
yes, this should work (except maybe if you plan on using the JavaScript features in the table. You would just have place the table Shortcode inside the overlay content.
Regards,
Tobias
