Divi Dynamic Helper

Documentation & Support

Docs » Divi Dynamic Helper » Gallery Module Dynamic Content

Still Need Help?

If you have a question not covered here in the docs, or if you face any technical issue, you can reach out to us.

Visit Our Support Page

Divi Dynamic Helper Plugin by Pee Aye Creative 1.2

Ready To Download?

Visit the product page to get all the details and download the plugin.

View Product

Divi Gallery Module Dynamic Content for custom fields in the Divi Dynamic Helper Plugin by Pee Aye Creative

Gallery Module Dynamic Content

Using Advanced Custom Fields Pro Gallery Field

Due to very popular demand, we have added support for the Advanced Custom Fields (ACF) Pro Gallery field to show the images in the Divi Gallery modules with dynamic content. This of course requires the pro version of ACF. If you own this, then this will be the simplest setup and easiest way to manage image galleries in Divi. Simply add a “Gallery” field to your ACF Field Group, connect the Divi Gallery module to the Gallery custom field, and add your images! You can check the version 1.1 release post video for more details.

Using Advanced Custom Fields (ACF) Image Group

The Gallery module dynamic content feature is designed to work best with the Advanced Custom Fields (ACF) plugin using Image files within a Group field. This is definitely the easiest method, and the one we recommend. This is the only solution on the market for making a gallery with ACF free version and Divi. The long-awaited solution is unique and innovative and solves a major problem for Divi users.

  1. Install and activate the Advanced Custom Fields plugin
  2. Create a Field Group
  3. Add a new field
  4. Set the Field Type to Group
  5. Within the Sub Fields, add a new field
  6. Set the Field Type to Image
  7. Add as many Image files as the maximum number of images you want to display in a gallery
advanced custom fields group field setup for the Divi Dynamic Helper plugin dynamic content gallery

Notice how the main Field Type is set to Group, and the Sub Fields then have multiple Field Types set to Image.

advanced custom fields group field and image files for the Divi Dynamic Helper plugin dynamic content gallery

Once the fields are all set up, and the Field Group is assigned, you can go to the page or post and add images using the convenient file picker. Just click the Add Image button on each field!

select photos in advanced custom fields plugin for the Divi Dynamic Helper plugin dynamic content gallery

The GIF below provides a brief visual overview of the simple steps needed to use this feature with the Advanced Custom Fields (ACF) plugin.

Divi Dynamic Helper Gallery GIF

Using A Standard Custom Field With Image IDs

The alternative method to add images to the Divi Gallery modules with dynamic content is to use regular custom fields. This method can use the built-in WordPress custom fields or those from a plugin such as ACF, Pods, Meta Box, or Toolset. Our plugin code includes a little trick that combines image IDs added to a custom field separated by commas. Then in the Gallery module, this custom field is selected with the dynamic content and all the images represented by their IDs will be shown in the module.

The first step is to add a custom field which will be used for the image IDs. To learn how to add a custom field, please refer to our Custom Fields documentation. We recommend giving the custom field a descriptive name such as “Gallery Image IDs” or something like that.

After the custom field is set up, you can navigate to any page or post with the custom field and begin adding the IDs for the images you want to show in the gallery for that page or post. TIP: It will help to open a new tab for the next steps.

Here are the steps to find and paste the image IDs:

  1. Got the WordPress Media Library
  2. Click on an image that you would like to add to the gallery
  3. Copy the numbers from the ending of the URL slug in the address bar at the top of the page
  4. Paste the numbers (Image ID) into the custom field.
  5. Repeat as many times as you want. Separate each image ID by a comma.
get the image ID from the WordPress Media Library
custom field with comma separated IDs for Divi Gallery dynamic content
dynamic content icon in the Divi Gallery module with the Divi Dynamic Helper plugin

4. Select The Custom Field

When you click the dynamic content icon, a new window will appear with a list of all the available custom fields on the site. Fields added via the standard WordPress editor or with plugins like Pods, Meta Box, and Toolset will appear under the gray “Custom Fields” heading, while fields added with the ACF plugin will appear under a separate section (fields from other plugins or custom-coded fields may appear either in the Custom Fields section or separate sections). You can now select the custom field that you have set up and designated for the gallery from step #1 above.

Using Advanced Custom Fields (ACF) Image Group

If you are using the ACF image group method, select any image from the group, and this will automatically load all the other images into the gallery as well.

NOTE: If you select a custom field from the list that is empty, no images will show in the gallery. Because of this, we recommend always selecting the first image in the group as the connected custom field, since most likely the first field would always contain an image.

The screenshot below shows how it will look when selecting the field (the custom field name will depend on whatever you have set in ACF).

selecting the first image from the advanced custom field in the Divi Gallery dynamic content

The screenshot below shows how it will look after selecting the field.

selecting the first image from the advanced custom field image group for the Divi Gallery dynamic content

Using A Standard Custom Field With Image IDs

If you are using this generic custom field method with the image IDs, simply select that field and all the images will load in the gallery. The screenshot below shows how it will look when selecting the field (the custom field name will depend on whatever you have set).

selecting the custom field for image IDs in the Divi Gallery dynamic content

The screenshot below shows how it will look after selecting the field.

selecting the image IDs custom field for the Divi Gallery dynamic content

5. Save The Module Settings

At this point, you are finished with the setup. Be sure to save the module settings, and when  you exit the builder, you will see the Divi Gallery module contains the images from the custom fields and can be viewed like usual. Everything else about the Gallery module can be adjusted according to your preference and will work just like normal.

6. Optional: Conditionally Hide Module

This last point is only if you face a scenario in which there may not always be images added to your custom fields. If there are no images added, then the default behavior in Divi is to show some random images from the Media Library. Ideally, you would want the module to hide. And Divi has a great way to do this with their Conditions feature. Please take a look at our tutorial here to see how to hide the module if there is no value entered. However, since the setup uses a parent group field and the child image fields, it is not working to add either of those field names in the Divi Conditions. However, if you combine the parent field name with the child name, it works! So if the parent group field has a name like gallery_image_group and the first image field in the group has a name like gallery_image_1, then you simply combine them and add an underscore in between like gallery_image_group_gallery_image_1. This then is the field name to use in the Divi Conditions per our tutorial.

Well done, you have completed the steps! Now go enjoy the result of this helpful plugin! Be sure to leave us a great 5-star review, it would be very helpful in spreading the word about our plugin. If you need any assistance, you can contact our support any time!

Last updated Mar 7, 2023 @ 5:02 pm

0

Your Cart