Kadence theme

FiboFilters offers seamless integration with the Kadence theme owned by Ben Ritner – Kadence WP.

Table of Contents

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

What does the integration include?


In the Kadence theme, you can define your own color palette. You can do it in Appearance -> Customize -> Colors & Fonts -> Colors. FiboFilters uses the Accent color from Global Palette 1 and Links Color, so you don’t have to define them again in FiboFilters settings under the Appearance tab.


The Kadence theme sets the breakpoint to 1024 px. When the screen width is equal to or less than this breakpoint, FiboFilters will use the horizontal layout for the filters.

Support for brands

The Kadence theme offers brand support. To make full use of it, you need the Kadence WooCommerce Shop Kit plugin. FiboFilters will automatically register these brands as a source for filter creation.

Kadence Shop KIt brands
Available sources for filters

Ways to embed filters in the Kadence theme

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

First, check if you have enabled the sidebar in the Kadence theme settings. Go to Appearance -> Customize -> WooCommerce -> Product Catalog, and make sure that you’ve selected the sidebar layout under Archive Layout:

Sidebar settings

Then, go to Appearance -> Widgets and add FiboFilters to your sidebar (Sidebar 1 or Sidebar 2, depending on which sidebar you’ve selected as default for product archives):

FiboFilters widget as a block

After that, you will see FiboFilters in the sidebar:

Above the product listing

Go to WooCommerce -> FiboFilters -> General (tab), and select “Above the products” in the “Filter location” section. FiboFilters will place horizontal filters above the products:

Horizontal filters