How To Use The View Dynamic Content Preview Option with Layouts in Avada Live

27/07/2020

Avada Layouts allow 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 kinds 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 doesn’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 particular post or portfolio item etc to use in the preview. Let’s run through how this works.

Dynamic Content In Avada Live

When editing a Content Layout Section with Layout Section Elements in Avada Live, it will initially look like this. In this example, it is a Single Post Layout.

Fusion Builder Live > Dynamic Content

Note how all the dynamic content in the Content area 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. As this is a single post layout, we would select Post.

View Dynamic Content As > Content Option

A second, optional choice, 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 directly 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