FiboFilters offers seamless integration with the Armania theme owned by Kutethemes.
Table of Contents
If you have an active parent or child theme of Armania, you will be able to activate the integration in the FiboFilters settings under the General tab. You should see the following screen:
What does the integration include?
Breakpoints
The Armania theme sets the mobile breakpoint to 1199 px. When the breakpoint is reached, FiboFilters will use the horizontal layout for the filters.
Colors
In Armania theme, you can specify the most dominant colors that will be used across your website. This can be done in Ovic Panel -> Theme Options -> General:
FiboFilters will use Main Color 1 and Main Color 2 for the filters.
Number of products per page
The FiboFilters pagination button will load the number of products specified in Ovic Panel -> Theme Options -> WooCommerce -> Shop Settings -> Products Per Page:
Pagination strategy
FiboFilters is compatible with the Armania pagination style which can be set in Ovic Panel -> Theme Options -> WooCommerce -> Shop Settings -> WooCommerce Pagination:
Off-canvas position
Armania positions the off-canvas menu on the left. When FiboFilters is configured to display filters above the products, the “All filters” button will also reveal the filters on the left.
Ways to embed filters in the Armania theme
The most popular ways to embed filter UI elements in the Armania theme are adding them to the sidebar or displaying them above the product listing as horizontal filters.
Sidebar
First, you need to enable the sidebar in Armania options. Go to Ovic Panel -> Theme Options -> WooCommerce -> General, specify the sidebar layout in Shop Page Sidebar Layout (left or right) and select the sidebar widget area in Sidebar Used For Shop:
After that, go to Appearance -> Widgets and add the FiboFilters widget to the widget area selected in the previous step:
Finally, go to WooCommerce -> FiboFilters -> General and select Sidebar in the Filter location section.
As a result, you should see FiboFilters in the 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:
