There are a range of parallax options available for the footer area in Avada. These can be found at Options > Footer > Footer Special Effects. Read on for an explanation of each one.
NOTE. If you are building your Footer using Avada Layouts, the Footer Special Effects can be found in the Layout Section options.Footer Parallax EffectThis option creates a fixed footer, with a parallax scrolling effect. The footer is fixed at the bottom of the viewport, and it reveals itself as you scroll down and the end of the page content is reached. You can see this effect in the footer on several of the demos, including the Nightclub & Landscaper demos.
Parallax Background ImageThis option creates a normal footer, with parallax settings for the footer background image. So as you scroll down to the footer, the background image (set in Footer > Footer Background Image) is fixed and does not scroll with the footer. You can see an example of this in the footer of the Gallerie demo.
Sticky FooterThe Sticky Footer option pins the footer to the bottom of the viewport on pages where there is minimal content. This stops the footer from sitting halfway up the viewport on such pages. On longer pages, it acts like a normal footer. IMPORTANT: This will not work properly when using a Left or Right Side Header layout and the side header is larger than the viewport.
Sticky Footer and Parallax Background ImageThis is the same as the Sticky Footer Option, with the added addition of a parallax (fixed) background image in the footer.
Adding Footer Widgets
When constructing a footer using the Global Options method, the footer is a widgetized area that can display widgets in 1-6 columns. Widgets add various content or features to your site. They can be added, removed, and rearranged in the Appearance > Widgets tab on your WordPress admin panel.
You can also add the Widget Element or Widget Area Element directly to Footers built in Avada Layouts. For more details on how to create a custom Footer Layout, see the How To Build A Custom Footer doc.
How To Add Widgets To The FooterStep 1 – First, make sure that you』ve enabled footer widgets on your site. To do this, navigate to the Appearance > Options > Footer panel and ensure the 『Footer Widgets』 option is set to On. Choose how many columns (1-6) you need to display with the 『Number Of Footer Columns』 option.
Step 2 – Once you』ve enabled footer widgets, navigate to Appearance > Widgets to access the widgets and footer widget areas.
Step 3 – You will see a 『Footer Widget X』 area on the right hand side for matching the number footer columns (1-6) selected in the Avada Global Options.
Step 4 – On the left hand side are your widgets, simply drag and drop the widgets you want from the left side into the 『Footer Widget』 areas on the right side.
fusion_builder_get_demo_pages
Applied to Avada Builder demos library. Useful for removing or adding demos to the library.
Copy to Clipboardfunction filter_function_name( $demos ) {
// Process $demos here
return $demos;
}
add_filter( 'fusion_builder_get_demo_pages', 'filter_function_name' );
x 1function filter_function_name( $demos ) {2 // Process $demos here34 return $demos;5}6add_filter( 'fusion_builder_get_demo_pages', 'filter_function_name' );7
fusion_builder_fields
If you are developing an add-on that requires a custom param type that the Avada Builder doesn』t have, you can use the following filter to add your custom param type to the Avada Builder.
Adding a new param type requires you to provide a param name and the param template file that will be used to generate the output for that param type in the element editor screen.
Basic usage of the filter:
Copy to Clipboardadd_filter( 'fusion_builder_fields', 'add_new_field' );
function add_new_field( $fields ) {
$plugin_dir = plugin_dir_path( __FILE__ );
$fields[] = array( 'param_type', $plugin_dir . 'templates/param_type.php' );
return $fields;
}x 1add_filter( 'fusion_builder_fields', 'add_new_field' );23function add_new_field( $fields ) {4 $plugin_dir = plugin_dir_path( __FILE__ );5 $fields[] = array( 'param_type', $plugin_dir . 'templates/param_type.php' );6 return $fields;7}Once you』ve added the param type to the Avada Builder, you will need to write the template file for it to display. Here』s a sample param file used for radio_button_set param type in the Avada Builder. You need to write the custom param file similar to this.
Copy to Clipboard
xxxxxxxxxx10 1
10
fusion_builder_enabled_elements
Applied to an array of enabled elements. Useful for auto enabling or disabling an element regardless of it』s state on Avada Builder > Settings page.
Copy to Clipboardfunction filter_function_name( $elements ) {
// Process $elements here
return $elements;
}
add_filter( 'fusion_builder_enabled_elements', 'filter_function_name' );
x 1function filter_function_name( $elements ) {2 // Process $elements here34 return $elements;5}6add_filter( 'fusion_builder_enabled_elements', 'filter_function_name' );7
fusion_builder_default_post_types
Applied to an array of post types that are enabled by default. Useful for enabling or disabling Avada Builder on specific post types by default.
Copy to Clipboardfunction filter_function_name( $post_types ) {
// Process $post_types here
return $post_types;
}
add_filter( 'fusion_builder_default_post_types', 'filter_function_name' );
x 1function filter_function_name( $post_types ) {2 // Process $post_types here34 return $post_types;5}6add_filter( 'fusion_builder_default_post_types', 'filter_function_name' );7
fusion_builder_default_args
Applied to an array of default settings. Useful for changing default element settings.
Copy to Clipboardfunction change_default_args( $defaults, $element ) {
if ( 'fusion_button' == $element ) {
$defaults['accent_color'] = '#ffffff';
}
}
return $defaults;
}
add_filter( 'fusion_builder_default_args', 'change_default_args', 10, 2 );
x 1function change_default_args( $defaults, $element ) {23 if ( 'fusion_button' == $element ) {4 $defaults['accent_color'] = '#ffffff';5 }6 }7 return $defaults;8}9add_filter( 'fusion_builder_default_args', 'change_default_args', 10, 2 );10
fusion_builder_all_elements
Applied to all registered elements before they are added to Avada Builder library. Useful for removing or adding elements to the library.
Copy to Clipboardfunction filter_function_name( $elements ) {
// Process $elements here
return $elements;
}
add_filter( 'fusion_builder_all_elements', 'filter_function_name' );
x 1function filter_function_name( $elements ) {2 // Process $elements here34 return $elements;5}6add_filter( 'fusion_builder_all_elements', 'filter_function_name' );7
Displaying and Configuring FAQs On Your Site
Avada includes a Frequently Asked Questions (FAQ) element that enables you to insert a FAQ posts anywhere within a page, multiple pages, anywhere on your site. A FAQ section is useful for when you』d like to display common questions or information about products or services you offer which your users frequently ask about. The FAQ post can be organized into categories and can be filtered by your users. To learn how to create individual FAQ posts and how to create a FAQ section on the page, continue reading below.
OverviewCreating An FAQ PostCreating An FAQ Section on Your WebsiteCustomizing FAQ Post Using Avada Page Options
Changing The FAQ Slug,Creating An FAQ PostBefore adding a FAQ element to page, you should first create one or more individual FAQ posts. FAQ posts are the common questions that you』d like to provide answers to, for your users. Continue reading below for more information on how to create a FAQ post.
Step 1 – Navigate to the 『FAQ』 tab on your WordPress Admin Sidebar and select 『Add New』 to add a new FAQ post.
Step 2 – In the 『Title』 field, enter the question you』d like to provide an answer for. For example, if you』re selling physical products, a good question could be How much does shipping cost, to the US?.
Step 3 – In the WordPress Content Editor, enter the answer to the question in the 『Title』 field. You can use the Avada Builder to design, layout add elements to the content of the FAQ.
Step 4 – Assign a category to the FAQ post. This will allow your users to filter the FAQ posts according to their category. To assign a category to a FAQ post, locate the 『FAQ Categories』 box on the right side of the page, and click the 『+Add New Category』. Alternatively, if the category already exists, simply check the corresponding checkbox.
Step 5 – Once done, click 『Publish』.
767,650 Businesses Trust Avada
Get Avada767,650 Businesses Trust Avada
Get Avada767,650 Businesses Trust Avada
Get Avada,Creating An FAQ Section on Your WebsiteOnce you』ve created your FAQ posts, you will use the FAQ element to display anywhere within a page, multiple pages of your website. This element has a number of options for you to configure and can be used with any column element. Continue reading below to learn how to deploy the FAQ element.
Step 1 – Create a new page or edit an existing one.
Step 2 – Add a new container, or add a column to an existing container. The FAQ element can be used with any column size, such as 1/1 or 1/2 etc.
Step 3 – For the column you』d like to add the FAQ element to, click the 『+ Element』 to bring up the 『Elements』 window. Locate the FAQ element and click it to open it』s options window.
Step 4 – Configure the options to your preference. You can for example choose which categories to include or exclude, display or hide featured images, element visibility, and more.
Step 5 – Once done, click 『Save』.,Customizing FAQ Post Using Avada Page OptionsWhen creating or editing a FAQ item, scroll below the WordPress Content Editor to find the FAQ tab inside the Avada Page Options box. Inside that tab are all the individual FAQ settings, and page settings that can be set for each FAQ item. Continue reading below to know more about the options available for FAQ tab in Avada Page Options.
IMPORTANT NOTE: Avada Page Options will override the global options set in Avada Options.Show First Featured Image – Choose whether to show the 1st featured image on the FAQ post, or not.
Featured Image Dimensions – Allows you to set the dimensions of the featured image in pixels or percentage, ex: 100% or 100px. Or Use 「auto」 for automatic resizing if you added either width or height.
Video Embed Code – Allows you to attach a video through inserting YouTube or Vimeo embed code.
Show Previous/Next Pagination – Allows you to show or hide the post navigation.
Show Post Meta – Allows you to show or hide the post meta.
Show Social Share Box – Allows you to show or hide the social share box.
Show Author Info Box – Allows you to show or hide the author info box.
Show Related Posts – Allows you to show or hide related posts on this post.
Show Comments – Allows you to show or hide comments area.,Changing The FAQ SlugAs of Avada 7.0, you can also now change the FAQ slug to whatever you prefer. You will find the FAQ Slug option in the Avada Options, under the Extras > Miscellaneous tab.,Disabling The FAQ Custom Post TypeIf you wish to disable the FAQ Post Type entirely, just head to Options > Advanced > Post Types, and here you can turn the FAQ post type off. This will disable the Post type and remove it from the menu.
Deprecated FAQ and Portfolio Page Templates
IMPORTANT NOTE: All FAQ and Portfolio Page Templates have been deprecated in Avada 5.0In Avada version 5.0, we decided to remove all FAQ and Portfolio Page Templates from the theme. Do not worry however, as nothing changes, and all of the layout and configuration options previously available in page templates have been retained in the new FAQ and Portfolio Elements. This is a step in the right direction and makes Avada more flexible, intuitive and extensible. Please continue reading below for more information regarding this development and to learn how this affects you and your site.
Why Remove FAQ & Portfolio Templates?In simple terms, being able to deploy an element anywhere within a page or post on your site using the FAQ/Portfolio Elements is a lot more flexible and allows you to design more dynamic and engaging content than fixed page templates. Elements are easier to deploy with your content, exciting your viewers attention by delivering richer more engaging content.
What Does This Mean For You?If you use the theme without a child theme and haven』t done any customizations to the theme』s core files, then this update will not affect you at all. Your pages that use these page templates will be converted automatically and will remain identical on the front end of your site. If you do use a child theme and have altered and customized the theme』s core files, then please refer to the Child Theme Users section below.
Removal of all FAQ and Portfolio Page Templates – All FAQ and Portfolio Page Templates available under the 『Templates』 option under the 『Page Attributes』 box have been deprecated and replaced with an Element for improved design flexibility.Page Template Conversion – If you have pages that make use of these Page Templates, don』t worry! When you update to Avada 5.0, they』ll be automatically converted to the corresponding elements and will look exactly the same as before the update.What Does This Mean For Child Theme Users?If you use a child theme and have customized or modified to the theme』s core files and/or deprecated template files, you may have to re-work your customizations. We』ve added several new PHP hooks to the Portfolio and FAQ Elements, that in fact make it a lot easier to customize your content. You can also choose to make customizations through full element class replacements.
Related Information: How To Order Categories For Portfolio & FAQ