How to lightbox an image?

[jbbmobile]

Hi, I am looking to lightbox an image so when it its clicked it is a lightbox and you can see it in more detail. I realized there is no native way to do this. However, I saw shortcodes but not sure how to implement this. Could you walk me through this process?

Regards,

[friech]

Hi Jason,

Thank you for writing in, you can use the Modal element, that element is a lightbox.

The default toggle of the Modal element is a circle hamburger button, but you can actually configure that to be an image. Then place your detailed image inside the Modal Content.

Hope it helps,
Cheers!

[jbbmobile]

How would I change the default modal element to an image?

[prakash_s]

Hello Jason,

You need to go to the Modal element —>Add the child element as the Image Image element.

By using the Image element you can upload the image it would be used for the lightbox.

Now you need to configure the modal element, you need to click on the Graphic check box to enable the graphic support on the Modal.

Now upload the image and adjust the image size

Hope it helps
Thanks

[jbbmobile]

Oh I must’ve missed the graphic check box. Thank you for your help

[ruenel]

It’s always great to be of assistance, Jason!