Add Lightbox Image Descriptions using JackBox

The following shows how you can setup image descriptions using the JackBox lightbox which is compatible with Essential Grid.

1. Purchase a copy of JackBox, and then after both Essential Grid and JackBox are installed and activated, set JackBox as the grid's default lightbox.

2. Create and populate Custom Meta Data that will be used for the JackBox description.

3. Add the newly created Custom Meta to your grid's skin.

4. Then hide the Item Skin's custom meta element from initial view with some Custom CSS (so it only shows up inside the light box).

5. From the grid's main settings, add the following code to the "API/JavaScript" section (adjust the class name just like for the custom CSS part above).

Result:

  • Quick Tip:
    Show the description by default from: "WP Menu -> Settings -> JackBox -> Show Description by Default -> Yes".