How To Use The Avada Layout Elements
Layout Elements are special, dynamic Elements that are found in Avada Builder, but only when editing Content Layout Sections through Avada Layouts. Currently, there are twenty one of these Elements, which can be used to dynamically populate the Content Layout Sections of your Custom Layouts, such as Blog, Portfolio, or WooCommerce Product Layouts.
Some of these Elements can only be used once in a Layout, while others can be used multiple times. Scroll down to read a brief description of each of the Layout Elements in Avada, and watch the video for a more detailed look at Layout Elements, and their usage.
Archives
The Archives Element is for designing your layout for archives content, like blog or portfolio archives. It has a General and a Design tab, and is very similar to the Blog Element. This Element will then display archives, depending on the conditions set in the Layout, for example, if you set the All Archives condition, it will apply to all archives.
Author
The next Element is Author. This has a General and an Extras tab, and a range of simple options. You would only use this Element with a type of content that has a single author, like a Single Post Layout. If you added the Author Element to an Archive Layout for example, it wouldn’t show anything, as there can be many authors on a blog. But on a Blog Single Post layout, the author element is very useful, and pulls the details from the post author’s bio and displays them. You can see an example of this Element on the Taxi Demo blog posts.
Comments
Then, there is the Comments Element. This Element pulls comments from any single post type with commenting enabled. Commenting is typically only enabled on blog posts, but it can be enabled on any single post type, such as portfolios, FAQs and even pages. Again, it has a General and an Extras tab, with a range of styling options.
Content
Following this is the Content Element. This pulls the main content from any single post. This could be a blog post, a portfolio item, a page, or any other Custom Post Type single post. It wouldn’t be used on anything dynamically generated, like an Archives, or 404 or Search Results Layout. It only has a few options around margins and visibility, and of course the element animation options under the Extras tab.
Featured Images Slider
Featured Images Slider is the next Element, and this will pull the Featured Image, or multiple Featured Images and display them in a Slider, from any custom post type they are on. These would normally be blog single posts or portfolio posts, but also FAQ items and even single pages. There are a few options around the image hover type and size, and you can control margins as well.
Meta
The Meta Element is a specific single post layout element, designed to add customized meta information anywhere in a Content Layout Section, in any Single Post, Page or Portfolio Layout. You can disable or enable any of the meta components, including a new one, Modified Date, which shows the most recent date the post has been modified.
Woo Tabs
The Woo Tabs Element gives you the option to display up to three tabs, the Full Product Description, Additional Information (for variable products), and Reviews (if enabled). It can be displayed in a Horizontal or vertical layout, and has a full range of color, text and font settings on the design tab.
Woo Upsells
The Woo Upsells Element has identical settings to the Woo Related Product Element, but there is one basic difference. Upsells are set individually in each product, and if this Element is used in a layout, these are what are displayed on the front end, if there are any. For products with no Upsells set, this ELement would then not display.