Breakdance includes a built-in Filter Bar for Loop elements and uses the Isotope library. The Filter Bar allows users to visually filter posts based on categories, tags, or other criteria, enhancing the user experience on your website.
Note: It is not possible to use pagination when using the Filter Bar. This means that results that are on a different page in the query will not show in the filter.
You can enable isotope filtering for any Loop element in Breakdance by going to the Filter Bar tab in the Properties Pane and clicking the Enable toggle.
After enabling the Filter bar, you can select the taxonomy type you want to display in the filter. You can also enable the All Filter option, which will add a default filter that shows all the posts from the Loop element’s query.
It is also possible to set the sorting order for the Filter Bar element.
In the Design tab, you will find different options for customizing the Filter Bar’s design. These include making the Filter Bar vertical, three different styles for the filter bar, and the position of the filter.
You can use the other design options further to customize the look and feel of the Filter Bar.
The Filter Bar in Breakdance uses Isotope filtering. For more advanced filtering, ajax filtering, or filtering with pagination, the FacetWP or Gridbuilder WP plugins may be more suitable.