How To Use The View Dynamic Content Preview Option in Avada Theme Builder

26/02/2020

The Avada Theme Builder allows you to create custom layouts for all areas of your website, including Single Blog Posts and Portfolio Posts. When designing the Content Layout Section of these kind of Layouts, you are typically adding Layout Section Elements, dynamic elements that add content based on the Layout Conditions.

As you are designing a layout that will be used for multiple pages, dummy content is used in the design stage. But this doens’t give you a good idea of what the end result will look like. So to help with that, we have added an option in the Layout Section Options, called ” View Dynamic Content As”.

This option allows you to specify what sort of content your Layout will be using, and even allows you to specify a particlar post or portfolio item etc to use in the preview. Let’s run through how this works.

Dynamic Content In Fusion Builder

When editing a Content Layout Section with Layout Section Elements in the Fusion Builder Live,  it will initally look like this. In this example, it is a Single Post Layout.

Fusion Builder Live > Dynamic Content

Note how all the dynamic content is either shown as a placeholder, dummy text, or a notice. To Preview the Dynamic Content, go to the Layout Section Options, and choose a Content Type from the dropdown to select what type of content to preview.

View Dynamic Content As > Content Option

A second, optional option, is to choose a specific post to use as the display preview content. Choose the specific content, and then click the Preview button.

View Dynamic Content As > Post Option

Your Layout Section will now be displayed using content direcly from the source you specified, helping you to visualize what you design will look like on the Front End for that type of content.

View Dynamic Content As > Preview