How Options Work
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.
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
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.
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.
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.
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.
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
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
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.