Essential Grid / Jackbox lightbox gallery issues

Support
#1

Hi,

I need to accomplish a couple things on my site and need some help figuring them out. I have a lightbox grid on my homepage. Each item links to its own lightbox gallery. I am using Essential Grid with JackBox. Here is what I am trying to accomplish:

  1. I need each image to display its own title. When You click the galleries, only the first image shows a title, and it is the post’s title. I want every image to display its own different caption. I read this post: https://www.themepunch.com/faq/add-lightbox-image-descriptions-using-jackbox/ This does not allow me to have unique text for each image, though.

  2. The grid item called “Film & TV” only shows one video. I want this to contain multiple videos that the user can navigate through, just like the image galleries. You can see what I want to accomplish under the “Vimeo Video” item on this page: http://www.codingjack.com/jackbox/jackbox.html

Thank you so much! I really appreciate the help!

#2

Hey there,

Looks like you’re using a third party plugin together with the Essential Grid. Regretfully, we cannot provide support for third party plugins or scripts due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X will need to be directed to the original developer.

Thank you for your understanding.

#3

Thanks for your reply. Unfortunately, JackBox doesn’t offer support. Is there a way to accomplish what I want with X alone? Or, do you have a plugin for it that you recommend?

#4

Hi There,

This can be achieve using image and lightbox shortcode. See this: https://screencast-o-matic.com/watch/cbQYjeI3QK

[x_image class="my-gallery-lb" src="http://virtualhost.dev/xlatest/wp-content/uploads/2017/09/demoimage1.jpg" alt="Example" type="thumbnail" link="true" href="http://virtualhost.dev/xlatest/wp-content/uploads/2017/09/demoimage1.jpg" lightbox_caption="Example Image TITLE1"]
[x_image class="my-gallery-lb" style="display:none" src="http://virtualhost.dev/xlatest/wp-content/uploads/2017/09/demoimage1.jpg" alt="Example" type="thumbnail" link="true" href="http://virtualhost.dev/xlatest/wp-content/uploads/2017/09/demoimage1.jpg" lightbox_caption="Example Image TITLE2"]
[x_image class="my-gallery-lb" style="display:none" src="http://virtualhost.dev/xlatest/wp-content/uploads/2017/09/demoimage1.jpg" alt="Example" type="thumbnail" link="true" href="http://virtualhost.dev/xlatest/wp-content/uploads/2017/09/demoimage1.jpg" lightbox_caption="Example Image TITLE3"]
[x_image class="my-gallery-lb" style="display:none" src="http://virtualhost.dev/xlatest/wp-content/uploads/2017/09/demoimage1.jpg" alt="Example" type="thumbnail" link="true" href="http://virtualhost.dev/xlatest/wp-content/uploads/2017/09/demoimage1.jpg" lightbox_caption="Example Image TITLE4"]
[x_lightbox selector=".my-gallery-lb" deeplink="true" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal" thumbnails="true"]

Replace image URL accordingly. See how we use css style="display:none" to display succeeding image by default so it is only accessible via lightbox.

#5

This works great when linking from an image, thank you. What about if I want to link to a gallery from a button?

#6

Hi,

Regretfully, linking to gallery could only be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!