The Avada Layout Elements

The Avada Archives Element dynamically displays lists of your site’s archives, such as posts grouped by month, year, or category, giving visitors an easy way to explore older content. It integrates seamlessly with WordPress’s archive system, offering customization options for layout, typography, spacing, and styling within the Avada Builder. This Element is beneficial for blogs or content-heavy sites, as it organizes information in a clear, accessible format.

The Avada Author Element displays information about the writer of a post, including their name, bio, avatar, and optional links to a website or social profiles. It pulls this data dynamically from the WordPress user profile, ensuring consistency and automatic updates if details change. Fully customizable, it allows you to control layout, typography, and styling, making it a valuable tool for adding context, credibility, and a personal connection to your content.

The Avada Column Element allows you to organize content into responsive Columns within a Container on your website. Each Column can hold any combination of Avada Elements, such as text, images, or buttons, and can be individually styled with options for background colors, gradients, borders, padding, and animations. This flexibility enables the design of visually balanced layouts that are responsive across devices.

The Avada Comments Element displays the WordPress post comments section on your web page, allowing visitors to read and leave feedback on posts or pages. It dynamically connects to the native WordPress comment system, showing existing comments, reply threads, and the comment reply form. With styling and layout options, you can control the appearance to match your site’s design, making the discussion area both functional and visually consistent.

The Avada Container Element is a foundational layout Element that serves as the main wrapper for organizing rows and columns when building website content with Avada and WordPress. It defines the structure of your page or post by holding content and applying global or individual settings, such as background colors, gradients, images, padding, borders, and device visibility. As the primary building block, it provides the framework for arranging and styling Avada Elements, ensuring layouts remain flexible, consistent, and responsive across all devices.

The Avada Content Element is used to display the main body content of a WordPress post or page when building a custom layout using Avada. It pulls the text, media, and formatting entered, ensuring the core content is dynamic. This Element is essential when building custom Avada website templates, as it ensures that the content is always included and styled consistently.

The Avada Featured Images Slider Element displays a single or multiple featured images from a post, page, or WordPress Custom Post Type (CPT) in a responsive, interactive slider. It dynamically pulls images and presents them in a rotating format, complete with navigation controls, autoplay options, and customizable transitions. You can style the slider’s layout, spacing, and behavior, making it an engaging way to showcase galleries, portfolios, or posts with multiple visuals.

The Avada Pagination Element offers navigation controls that enable users to navigate between multiple pages of content, such as blog posts, portfolios, or product listings. The Element displays numbered links, next and previous buttons, or a "load more" functionality, depending on your chosen style. With full customization options, you can adjust alignment, spacing, typography, and styling to ensure the pagination fits seamlessly into your site’s design while improving content accessibility.

The Avada Post Card Archives Element displays WordPress website archive content, including blog posts, portfolios, and custom post types. The Element dynamically pulls posts based on the archive context—such as categories, tags, authors, or dates—and presents them in customizable formats, including grids, carousels, or sliders, with complete control over layout, spacing, filtering, and styling.

The Avada Post Card Cart Element is designed to showcase WooCommerce cart items within an Avada Post Card layout, giving you full control over how cart contents are displayed. It dynamically pulls product details such as images, titles, quantities, and prices in a visually consistent style. With extensive customization options, you can adjust styling, layout, and interactivity, enhancing the shopping cart experience and encouraging sales.

The Avada Post Card Image Element displays the featured image or a chosen image within a Post Card layout, pulling content dynamically from posts, products, or WordPress custom Post Types (CPT). The Element provides control over image size, aspect ratio, alignment, hover effects, and linking, ensuring the visuals fit seamlessly into your website.

The Avada Post Meta Element displays contextual details about a post, such as the author, date, categories, tags, or comment count, within an Avada Post Card layout. It pulls this information dynamically from WordPress, ensuring it stays accurate and up to date as content changes. With extensive customization controls, you can choose which metadata to display and how it appears, making it a valuable tool for adding clarity and professionalism to your Avada website.

The Avada Project Details Element presents key information about portfolio projects, including client names, project dates, skills used, links, and any custom details added in the project settings within Avada Global Options. It pulls this data dynamically from the portfolio post type and displays it in a structured, styled format that can be customized. This Element helps highlight important project specifics in a clear and professional way, enhancing the overall presentation of creative or case study work.

The Avada Related Posts Element displays posts that are contextually related to the one being viewed, usually based on shared WordPress categories or tags. It automatically pulls in relevant posts and presents them in a customizable layout with options for images, titles, excerpts, and metadata. This Element helps keep visitors engaged by encouraging them to explore more of your content and enhancing content discovery.

The Avada Woo Add to Cart Element adds a customizable cart button to a WooCommerce product layout, enabling customers to add items directly to their shopping cart. It connects to the product being displayed and can show variations, quantities, and pricing as needed. With full styling and layout controls, you can design an add-to-cart experience that matches your site’s branding while keeping the purchasing process straightforward.

The Avada Woo Additional Info Element displays extra product details, such as attributes, dimensions, specifications, and more, that are added to the product. The information is presented in a structured format on the single product page. With styling and layout options in the Avada WooCommerce Builder, you can control how these details appear, blending in seamlessly with your website’s branding.

The Avada Woo Archives Element displays product archives from WooCommerce, such as shop, category, or tag pages, in a customizable layout. It dynamically pulls products based on the archive context and allows you to control how they are presented, including grid or list styles, columns, spacing, and product details like images, prices, and add-to-cart buttons. With full design flexibility, this Element makes it easy to deploy visually consistent e-commerce product archive pages on your WordPress website.

The Avada Woo Filter Active Element shows customers which product filters are currently applied when browsing your WooCommerce shop or product archive pages. It dynamically lists active filters, such as price, attributes, or ratings, and provides users with the option to remove them with a single click. With customization options, you can style and position this Element to keep filtering visible and user-friendly, making it easier for shoppers to refine or reset their product search.