Dynamic Content

Generate dynamic sources from local data or 3rd-party APIs, such as database tables, CSV files, Instagram media, Google Spreadsheets, and more. Extend YOOtheme Pro Dynamic Content with advanced features that integrates natively into the builder.

TIP

Make sure Essentials for YOOtheme Pro is installed and Dynamic Addon is enabled.

How to enable Dynamic Addon

Open the Customizer -> Essentials -> Advanced panel and spot the Dynamic Addon checkbox. If is off, enable it, save the changes and refresh the page.

Notice that Dynamic is a premium addon not available in Essentials freemium.

Create a Source Instance

Before being able to use a source we must first create an instance of it within the Sources manager.

1. Open the Sources manager panel and click on Add Source.
2. Choose the source you want to make an instance from, e.g. RSS.
3. Set the source name and the configuration basics, e.g. My Feed and https://www.theverge.com/rss/reviews/index.xml.
4. Leave the rest as is and save.

Map the Source Content

Once the source instance has been created it schema will be generated based on it configuration and it content made available for mapping as any other dynamic core source. Lets map it content to the layout.

1. Open the builder layout where you want to map the source.
2. Add a new Text Element and open it Advanced Tab settings.
3. Finde the Dynamic Content select field and open it.
4. From the RSS group choose the My Feed Entries option.
5. Open the element Content Tab settings and click on the Dynamic button above the content field.
6. Choose the data you want to map from the dropdown options.

A list of the feed entries should be rendered! For more insights about YOOtheme Dynamic Content workflow, consult the corresponding documentation.

Extended Dynamic Workflow

In YOOtheme Pro a dynamic content source is set on a node level, e.g. a Text element, in which case the elements fields will be enhanced with an option to map a dynamic content from the node source. Essentials expands on that notion adding the option to choose a source on an element field level regardless of the element source configuration.

With that in mind is expected that a Dynamic option will always be present above the element fields allowing to map to those any source directly.

If the mapped source content results in multiple values, those will be joined with a custom separator, or optionally left as is for the underlying element to deal with the content instead.

WARNING

Fetching sources on a field level might affect performance as more queries would be executed for each node. To mitigate those inherit from the current or parent node instead of making direct queries.

Inherit Source

When a source is set at the element level, the options Inherit Current Node and/or Inherit Parent Node will appear based on the source relationship.

Inherit Current Node

This option is available when the source is set in the same node where the field is being mapped. If the source is multi-item the node will be multiplied and the fields will inherit the data from the current iteration.

Inherit Parent Node

This option is available when there is a source set in a higher-level node from where the field is being mapped. It is possible to inherit from a parent node while there is a source set in the current node, and even mix both using composed sources.