FiboFilters offers seamless integration with the Shopkeeper theme owned by Get Bowtied.
Table of Contents
If you have an active parent or child theme of Shopkeeper, 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 Shopkeeper theme uses two breakpoints: 1024px and 767px. When the first breakpoint is reached, the filters will be moved from the sidebar above the products. When the second breakpoint is reached, FiboFilters will use the mobile layout for filters.
Colors
In Shopkeeper theme, you can specify an accent color that will be used across your website. This can be done in Appearance > Customize > Styling:
FiboFilters will use this color for the filters.
Pagination strategy
FiboFilters is compatible with Shopkeeper pagination style set in Appearance > Customize > WooCommerce > Product Catalog:
Ways to embed filters in the Shopkeeper theme
The most popular ways to embed filter UI elements in the Shopkeeper theme are adding them to the sidebar or displaying them above the product listing as horizontal filters.
Sidebar
First, set the Shopkeeper sidebar style (to “On Page” or “Off-Canvas”) in Appearance > Customize > WooCommerce > Product Catalog:
Once the sidebar style is set, navigate to Appearance > Widgets and add the FiboFilters widget to the “Shop Sidebar” widget area:
Finally, go to WooCommerce > FiboFilters > General and select “Sidebar” in the “Filter location section”.
As a result, you should see FiboFilters in the sidebar (or in an off-canvas if you’ve selected the “Off-Canvas” sidebar style):
Above the products
Go to WooCommerce > FiboFilters > General and select “Above the products” in the “Filter location” section. FiboFilters will then place horizontal filters above the products:
