Pro - Lightbox functionality

[Pbalazs89]

Hi there,

I’m wondering if there’s some sort of a Lightbox functionality right now in PRO. I know there was in earlier versions of X.

What I would like to achieve:

https://officefloor.ethermedia.hu/

I have a section here with the heading " MUNKÁINK".

I have projects under it. If we hover over them, the + sign appears. Clicking on the + sign should trigger the lightbox gallery.

Right now I’m circumventing this by using EG and creating a separate page, but for maintenance this is much more complex long term.

Can you recommend a solution?

[tristup]

Hi @Pbalazs89,

Thanks for reaching out.
There is no such option to add the lightbox option to the images, I would suggest you use a few bundled plugin as an alternative solution which has the features you need. Please visit the links below for more details and plugin usage instructions.

• The Grid: Demos | Bundled Plugin Documentation
• Essential Grid: Demos | Bundled Plugin Documentation
• [Soliloquy]: Official Documentation|Bundled Plugin Documentation

Hope it helps.
Thanks

[Regnalf]

There is a Lightbox function, but you can’t find it in the official documentation https://theme.co/docs.

I found this post where @christian explains it:

Adding a Gallery with Lightbox to a Template using ACF Gallery Field

Hey @BodhiJames, I’m sorry but I’m not sure why you’ll use The Grid plugin because its lightbox feature is only included if you actually use The Grid shortcode or element in the page. Yes, it’s possible to display images from The Grid meta but it will not include the lightbox. With that said, let’s focus on the ACF setup and use Pro’s built-in lightbox. Before using the shortcode or giving you the shortcode setup, you first need to enable the Image element’s Link option. In the URL field, you …

And you can find some information about the lightbox settings here:

Responsive Lightbox

[lightbox selector=".x-image" deeplink="true"
opacity="0.875" prev_scale="0.75" prev_opacity="0.75"
next_scale="0.75" next_opacity="0.75" orientation="vertical"
thumbnails="false"]

When you use .x-image as christian suggest the lightbox opens, but it doesn’t look very well. A navigation bar appears at the top that should lead to the next or previous posts. However, these are like iframes of the whole page.

---

And by the way, there is no option for using the picture url from the choosen image. It would be nice to have this feature without having to copy the URL manually every time!

[tristup]

Hi Regnalf,

Thank you for pointing out. But he might be seraching for an elements which will give him a similar functionaility, and that is why I didn’t referred it. The shortcode is also available for the all available stack, here is the Integirty which is used in the website.

Responsive Lightbox by Themeco

Thanks

[Pbalazs89]

Thanks for the help from both of you!

[tristup]

Hi @Pbalazs89,

Glad that we are able to help you.

Thanks