How Options Work

06/08/2019

The Advanced Options Network is the backbone of Avada. These options give you full control over your website and allow you to customize your design without touching a single line of code. There are three major groups of options you can utilize within Avada: Fusion Theme Options, Fusion Page Options and Fusion Builder Element Options.

Watch the video, or keep reading below to find out more about Avada’s incredible options system.

For privacy reasons YouTube needs your permission to be loaded. For more details, please see our Privacy Policy.
I Accept

Overview

Avada’s Options Network

Avada is one of the only themes on the market with a well established and highly flexible advanced options network, that gives you maximum design flexibility and freedom without the need to write code. Continue reading below to learn about each part of the options network.

  • Fusion Theme Options – Located under the Avada > Theme Options tab on your WordPress admin sidebar, and on the Sidebar, accessed from the Toggle Sidebar Icon in the new Fusion Builder Live Editor. These options are global options, that affect your entire site.

  • Fusion Page Options – Located at the bottom of every page and post in the Fusion Builder, or in the Page Options Tab of the Sidebar in the Fusion Builder Live Editor. These are local options, that only apply to the page or post they’re set in.

  • Fusion Builder Element Options – Located within each fusion builder element. These options will only affect the single element instance they’re set in.

Fusion Theme Options

The Fusion Theme Options are the heart of the Avada options network. They are presented in a well-organized panel, covering all areas of the theme. There are over 900 individual options in here. These are global options that affect your entire site. Please see the Fusion Theme Options document for full details of all the panels, and videos explaining many of the options.

Below is a screenshot of the Main Menu Tab in the Fusion Theme Options, as accessed from the WordPress dashboard at Avada > Theme Options in the traditional Fusion Builder.

Theme Options - Back End

In Fusion Builder Live, you have access to the Fusion Theme Options without even leaving the page you are editing. Below is a screenshot of the same Main Menu Tab in the Fusion Theme Options in the Fusion Builder Live Editor, which is accessed from the Toggle Sidebar Icon found in the main Toolbar.

Theme Options - Front End

Fusion Page Options

The Fusion Page Options are local options, which only affect the page or post they are set on. These options override any corresponding global options set in the Fusion theme Options. Below is a screenshot of the Fusion Page Options, as found at the bottom of the page in the Fusion Builder.

Fusion Page Options - Back End

In Fusion Builder Live, the Fusion Page Options are found in the Sidebar, along with the Fusion Theme Options. Below is a screenshot of the Fusion Page Options, as found in the Page Options tab of the Sidebar, accessed from the Toggle Sidebar Icon, located on the main Toolbar in Fusion Builder Live.

Fusion Page Options - Front End

How The Parts of Avada’s Option Network Relate To Each Other

There is a clear hierarchy for options set in Avada. Fusion Theme Options are global and will affect the entire site unless overridden. Fusion Page Options and Fusion Builder Element Options will use the values set in the Fusion Theme Options if left empty or if the value is set to default. However, if any other value is set, they will override the Fusion Theme Options.

This setup gives users maximum flexibility, with the option of setting a global theme option, then being able to override it on a per page/post/element basis.

Please see below for examples of how this override system works. The first example is a setting that is both present in Fusion Theme Options and in Fusion Page Options, and the second, an example of a Fusion Builder Element that has a corresponding Fusion Theme Options setting.

Theme Options vs Page Options

Fusion Theme Options

Below is a screenshot of the Page Background panel in the Fusion Theme Options. A background image has been set, and the ‘100% Background Image’ option is set to On, which means the background image will cover 100% width on all the pages throughout the site, unless otherwise specified in Page Options.

Fusion Page Options

Below is a screenshot of the Background panel in the Fusion Page Options. Here, the 100% Background Image option is set to No, which means on this particular page, this option is overriding the global theme option and the background image will not display at 100% width.

Element Global Options vs Element Local Options

Fusion Builder Element Global Options

Below is a screenshot of the ‘Fusion Builder Elements’ tab in the Fusion Theme Options. The ‘Button Size’ option is set to Large, and so all buttons on your website will be displayed as such, unless the corresponding button element option is overridden.

Fusion Builder Element Local Options

Below is a screenshot of the Options Panel of a Button Element inserted into a page via the Fusion Builder. In this instance of the Button Element, the size has been set to Small. This element option will override the corresponding option in the Fusion Theme Options. You can also see the Default value in the description under the Option Title, as explained below in the Advanced Option Network Correlation section.

Advanced Option Network Correlation

IMPORTANT NOTE: This feature is only available in Avada version 5.0 or higher.

When building your page, we understand that it’s important to have a seamless experience. This is why we’ve implemented a new feature called Advanced Option Network Correlation. This feature allows you to view what default option you’ve set in Fusion Theme Options for specific Fusion Page and Element options. If you would like to change it, you can simply click on the link to be automatically redirected to that Theme Option.

Option Network Dependencies

IMPORTANT NOTE: This feature is only available in Avada version 5.0 or higher.

Avada’s Option Network consists of the Fusion Theme Options, Fusion Page Options, and the Fusion Builder Element Options, and each of them have dependent options ON by default. This means the only options you see are the only ones currently available for your selection.

This is intended to keep options as streamlined as possible and to avoid visual clutter. The dependent options are hidden/visible according to your current site’s configuration. For example, if you have a side header active, then all options that aren’t relevant to side headers like top header options, will be hidden from view. This allows you to concentrate only on the options that will affect your current set up.

This feature can be disabled in Theme Options > Advanced > Theme Features > Avada’s Option Network Dependencies. To learn more about Dependent Options, please see our article below.