Tassos Marinos Developer of Joomla Extensions

How to use Advanced Custom Fields with YooTheme Pro Dynamic Content

Updated 26 Jun, 2023

Advanced Custom Fields is compatible with YooTheme Pro Dynamic Content allowing you to use any ACF custom field with your YooTheme Elements. Whether you have a Gallery, Image, or Map elements on your YooTheme pages, you can utilize Dynamic Content to get the value directly from your ACF custom fields.

Examples

Below we will see a few examples on how you'd use ACF fields in YooTheme elements that accept both a single content source and a multiple item source.

Example #1: ACF - OpenStreetMap

Let's see an example of how you'd use the "ACF - OpenStreetMap" custom field with the "Map" YooTheme element.

Assuming you have created an "ACF - OpenStreetMap" custom field, and have set a value in a Joomla article, you can then edit the article, add the Map element to the page and follow the steps listed below to use the "ACF - OpenStreetMap" custom field value in the element:

  • Add a Map element to your page
  • Click "Add Item" > Advanced
  • Under "Dynamic Content" select Page > "Article"
  • Then click back to the "Content" tab and click on LOCATION > "Dynamic"
  • Select your "ACF - OpenStreetMap" custom field

ACF OpenStreetMap YooTheme Content Source Selection

That's it! Your YooTheme Map element should now display the map as selected under the "ACF - OpenStreetMap" custom field.

Example #2: ACF - Gallery

Let's see an example of how you'd use the "ACF - Gallery" custom field with the "Gallery" YooTheme element.

Assuming you have created an "ACF - Gallery" custom field, and have set a value in a Joomla article, you can then edit the article, add the Map element to the page and follow the steps listed below to use the "ACF - Gallery" custom field value in the element:

  • Add a Gallery element to your page
  • Click "Add Item" > Advanced
  • Under "Dynamic Content" select Page > "Article"
  • Under "Multiple Item Sources" select the "ACF - Gallery" custom field
  • Then click back to the "Content" tab and click on IMAGE > "Dynamic"
  • Select "VALUE" under your "ACF - Gallery" custom field

ACF Gallery YooTheme Content Source Selection

That's it! Your YooTheme Gallery element should now display the images selected in the "ACF - Gallery" custom field.