Avada theme

FiboFilters offers seamless integration with the Avada theme owned by ThemeFusion.

Table of Contents

If you have an active parent or child theme of Avada, you will be able to activate the integration in the FiboFilters settings under the General tab. You should see the following screen:

FiboFilters: integration with Avada

What does the integration include?


In the Avada theme, you can define your own color palette. You can do it in Avada -> Options -> Colors. FiboFilters will use the Primary Color:

Avada Primary Color


The default Avada mobile breakpoint is 800 px. This can be changed in Avada -> Options -> Responsive -> Sidebar Responsive Breakpoint:

Avada sidebar breakpoint

FiboFilters respects this breakpoint. If you place the filters in a sidebar, FiboFilters will move them above the products when the Avada breakpoint is reached.

Products per page

In the Avada theme, you can set the number of products per page. This can be done in Avada -> Options -> WooCommerce -> General WooCommerce:

Avada WooCommerce number of products per page

FiboFilters will use this number to load twice as many products on page load. The “Load More” button will then load the number of products set in Avada.

It’s important to note that although you can set the number of products per page individually for each WooCommerce layout (Woo Archives or Woo Product Grid), FiboFilters will use the global setting anyway.

Ways to embed filters in the Avada theme

The most popular ways to embed filter UI elements in the Avada theme are adding them to the sidebar or displaying them above the product listing as horizontal filters.

First, go to WooCommerce -> FiboFilters -> General and select Sidebar (by Avada Layout Builder) in the Filter location section.

Once you’ve built your shop page layout with the Avada Theme Builder, you can add a sidebar to your shop. Enter the layout editor, scroll down to Layout Section Options -> Sidebar and select the widget area which contents you would like to display in Sidebar 1. In the example below, the sidebar will show Content Widget 1 widgets:

Avada Layout Section Options

This can also be set in the visual editor:

Avada sidebar widget selection

Then, go to Appearance -> Widgets and add FiboFilters to the Content Widget 1 widget area:

Avada content widget

As a result, FiboFilters will be displayed in the sidebar:

FiboFilters in Avada sidebar

Above the product listing

Go to WooCommerce -> FiboFilters -> General and select Above the products in the Filter location section. FiboFilters will then place horizontal filters above the products:

FiboFilters above products in Avada theme

Important notes


Although Woo Archives and Woo Product Grid allow you to select different pagination styles, FiboFilters will always replace the pagination with the “Load More” button.

Show products dropdown

The Avada theme allows the user to select the number of products that is displayed on the page:

Avada show products dropdown

This feature is not supported by FiboFilters and the dropdown is hidden.