Tassos Marinos Developer of Joomla Extensions

How to use Advanced Custom Fields with YooTheme Pro Dynamic Content

Updated 07 Mar, 2024

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 - Video

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

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

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

ACF Video YooTheme Content Source Selection

That's it! Your YooTheme Video element should now display the video as selected under the "ACF - Video" 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 Gallery 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 the Full Image URL under your "ACF - Gallery" custom field

ACF Gallery YooTheme Content Source Selection

The ACF Gallery custom field gives you access to the following properties:

  • Thumbnail Image URL
  • Full Image URL
  • Source Image URL
  • Caption

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

Example #3: ACF - Gallery when used in a Subform (Repeater) custom field

In this example, we expect that you have an ACF - Gallery custom field and a Subform custom field. You should have added the ACF - Gallery custom field within the Subform custom field.

  • Add a Gallery element to your page
  • Go to the "Advanced" tab > Dynamic Content > Select Page > Article, and under "Multiple Item Sources", select Article (Fields) > Subform custom field.
  • Click on the "Content" tab > "Add Item" > Click on the "Advanced" tab.
  • Under "Dynamic Content" select "Parent (Subform)", or the name of your Subform field
  • Under "Multiple Item Sources" select the "ACF - Gallery" custom field
  • Then click back to the "Content" tab and click on Image > "Dynamic"
  • Select the Full Image URL