Display an ACF Options Page Gallery in the Divi Gallery Module

Written by Dan Mossop

Using Advanced Custom Fields Pro (ACF Pro) to manage and display content dynamically throughout your Divi site can greatly enhance its functionality and efficiency. If you're looking to display an ACF Options Page gallery within the Divi Gallery Module, here's a step-by-step guide to make it happen.

To display an ACF Options Page gallery in Divi Gallery Module:

  • Install Divi Dynamic Helper and Divi Dynamic Content Extended.
  • Add a gallery field to ACF Options Page.
  • In Divi Gallery Module's Images settings, click Dynamic Content icon.
  • Select ACF gallery field.
  • Save module and page for display.

Step 1: Install the Necessary Plugins

Firstly, you will need to install two plugins:

  • Divi Dynamic Helper from PeeAye Creative, which will add dynamic content support to the Images field of the Divi Gallery module.
  • Divi Dynamic Content Extended from Divi Booster, which will enable access to the ACF Options Page gallery in the dynamic content menu of the gallery module.

Step 2: Add a Gallery Field to an ACF Options Page

If you're new to setting up an options page, you can find detailed instructions in the ACF Pro Options Page documentation. Once you've established your options page, add a gallery field to it to manage your images.

Step 3: Open the Divi Gallery Module's Images Setting Dynamic Content Menu

With the groundwork laid, head over to the Divi Builder and add a Gallery module to your desired location. Then, click the Dynamic Content icon next to the Images field.

Step 4: Assign the ACF Gallery Field

In the dynamic content menu that appears, select the gallery field you've previously set up on your ACF Options Page. This will dynamically link the images in the field to your Divi Gallery module.

Step 5: Save and Display

Save the module and your page. Now, when viewed on the front end, the gallery from your ACF Options Page should display on the screen, e.g.:

We may earn a commission when you visit links on our website.

Enhance Your Divi Site with Powerful Dynamic Galleries

Unlock the full potential of your Divi site by effortlessly integrating Advanced Custom Fields (ACF) gallery options. Dive into seamless dynamic content solutions with the Divi Dynamic Content Extended plugin, allowing for more flexible and enriched gallery displays.

Latest Posts

Adjust Lightbox Arrow Size in Divi Gallery

Customize the size of the navigation arrows that appear in your gallery lightbox so they’re easier to see and aligned with your site’s design. Whether you want larger, more accessible controls or a subtler look, setting a precise arrow size creates a more polished...

Change Lightbox Arrow Color in the Divi Gallery Module

Make the lightbox navigation arrows in your Divi Gallery match your brand and stand out against your images by assigning a custom color. This improves visual consistency, enhances accessibility with better contrast, and elevates the overall browsing experience for...

Change the Divi Gallery Module Grid Image Scaling

Divi’s Gallery module offers a great way to showcase images, but it can sometimes stretch or crop them in unwanted ways. This article explains how to manage the module’s image scaling behavior to ensure your images are displayed at the correct size and aspect...

Set Custom CSS IDs for Individual Divi Accordion Items

Assigning unique CSS IDs to specific Divi Accordion items allows for precise control over styling, targeting, and linking within your page content. This ability is particularly useful when you want to apply custom designs or create anchor links to particular accordion...

Enable Swipe Navigation in the Divi Gallery Lightbox

Enabling swipe navigation in the Divi Gallery module's lightbox allows users to seamlessly browse through gallery images by swiping left or right, creating a more interactive and mobile-friendly experience. This functionality can significantly improve user engagement...

About Dan Mossop

Dan is a Scottish-born web developer, now living in Brisbane with his wife and son. He has been sharing tips and helping users with Divi since 2014. He created Divi Booster, the first Divi plugin, and continues to develop it along with 20+ other Divi plugins. Dan has a PhD in Computer Science, a background in web security and likes a lot of stuff, 

0 Comments

Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

Your email address will not be published. Required fields are marked *.