How to open a popup lightbox gallery when clicking a button in Divi

Divi Page Builder is one of the most popular WordPress drag and drop page builders. This tutorial will guide you how to open a lightbox popup gallery when clicking a button in Divi page builder.

There are four steps in this tutorial:

  • Step 1 - Install Wonder Grid Gallery
  • Step 2 - Add a button module in Divi page builder
  • Step 3 - Create a lightbox gallery in Wonder Grid Gallery
  • Step 4 - Add the lightbox gallery to Divi page builder

Continue reading

How to open a different lightbox gallery for each image in a grid gallery

Product:

WonderPlugin Portfolio Grid Gallery

Tutorial:

In a gallery created with WonderPlugin Portfolio Grid Gallery, when you click an image in the gallery, by default, it will open a lightbox gallery that contains all images/videos in this gallery.

In this tutorial, we will create a grid gallery, when clicking on an image in the gallery, it will open a different lightbox gallery for each image. That's, for each image in the grid gallery, you can create its own lightbox gallery and open it on click the image.
Continue reading

Triggering lightbox gallery with a button

Product:

WonderPlugin Portfolio Grid Gallery

Question:

I'm wondering if there is a way to trigger a gallery with a button? In other words I just want to have a button on my page that says "View photos here" rather than displaying all the thumbnails. And when the button is clicked, the lightbox would come up with the first photo.
Continue reading

Display description in WordPress Grid Gallery

Question:

Good day!

Hi, I wanted to ask if how can I display the description in gallery page? It only displays the title. Im using WordPress 3.9.2 and free version of WonderPlugin Grid Gallery.

Answer:

You can display the description in the Lightbox popup:

In step 4, Options tab, Lightbox Options, there is an option "Show description".

Display description in Lightbox of WordPress Grid Gallery

Question:

I was wondering if there was an Advanced Option allowing the data-description field to be displayed on the Lightbox when an image is clicked in the Grid Gallery?

Answer:

Please upgrade to the latest version if your version number is below 1.2.

In the plugin, Step 3, Options tab, click "Lightbox Options", you can choose whether to display the description, you can also change the font and style by modifying the CSS code.

WordPress Grid Gallery Lightbox