Essential Grid Lightbox Open Meta

Support
#1

Hello,

Loving the new forum!

I’m trying to get the custom grid on the Speaker’s Corner page to open meta data in the lightbox rather than the image.

For example, I have a page of speaker’s. When you click “read more” I want their full bio (currently entered as custom meta data) to open in the light box. I would also like to include the image and image title. Here is a mock up:

I’m a bit lost as to how to do this after searching through both forums and theme punch.

Thank you,
Ashley

#2

Hi there,

Thanks for writing in!

This is an Essential Grid specific setup, please check out this link as this might be helpful for you.

Hope this helps.

#3

Thanks Jade. I’ve watched that, but it is for having the post content come up in the lightbox. I’m using a custom grid rather than a post based one, so will need meta data to come up. I looked through the theme punch forum and was going to submit a query to them, but as the essential grid came bundled with X, they directed me to you. Can you please advise the best way to go about getting the meta data to pull into the lightbox in a custom grid? Thanks!!

#4

Hi there,

It’s the same as the link provided, the post information is just a sample, but the idea is the same, pick the information displayed in the grid.

Example,

In this line var titleClass = '.eg-quincy-element-3'; we know that element eg-quincy-element-3 is where title layer is displayed. But in your case, instead of post as source type, change it to something that fits your setup like custom meta.

And then, all you need to do is pick the content being displayed in element eg-quincy-element-3, like this

titleWrap.text(post.find(titleClass).text());

Now, let’s say you don’t want that layer/element to be displayed in your grid items since your target display is in the lightbox, then you can simply hide it with CSS

.eg-quincy-element-3 { display: none; }

In summary, you can add as much as layers/elements as you want and have them the custom meta. You can do that within skin builder, then hide them with CSS and display them in a lightbox.

But yes, I think you should consult it to a developer since it would be complex as we can’t cover any customization.

Thanks.