Enabling Isotope Filtering for Post List Elements in Breakdance

This guide demonstrates how to enable isotope filtering for Loop-based elements in Breakdance. This includes the Post List element, Post Loop Builder element, and the Products List element. Isotope filtering allows users to visually filter posts based on categories, tags, or other criteria, enhancing the user experience on your website.

Please note that it is not possible to use pagination when using the Filter Bar.

Setting Up Isotope Filtering

You can enable isotope filtering for any Loop-based element in Breakdance by going to the Filter Bar tab in the Properties Pane and clicking the Enable toggle.

After the Filter bar is enabled, you can select the taxonomy type you would like 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.

Customizing the Filter Bar

In the Design Tab, you find different options for customizing the design of the  Filter Bar. This includes 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 to further customize the look and feel of the Filter Bar.