The Filter feature is available in the Grid and Masonry module.
Enable the Filter
To find the Grid and Masonry Grid module, Please Navigate to the Page(or Portfolio / Posts) tab click ‘Add New’, you will see the page editing interface. Click “BM Content Builder” at the editing interface.
Please add Grid or Masonry Grid in BM content builder panel.
Please select List-style or Drop-down filter from selector Filter.
There are 2 kinds of filter layout: List-style and Drop-down:
You could define the filter font style, color, spacing, or hiding the superscript number
In fact, the filters are the categories. Please must pick up a Category also for the Portfolio/Post/WooCommerce source, please check how does it work in the next section.
How to make the Filter to work
Filter items are the portfolio categories in fact. Go to “Portfolio > Categories”, you need to create a main category, like Works(below screenshot) is parent category of other categories, and all portfolios would be assigned to main category. The sub-categories should be assigned to related portfolios also, then sub-categories will be shown as the filter items. The category structure looks like:
Please make sure that the parent category(like the “Works” category) is selected in the Grid module.
The filter rule of Post and WooCommerce Product are the same.
Please don’t set the parent category for the “Media library” source. Please go to “Media > Library” to set categories for the images within the Grid(and Masonry Grid):
It will directly list all categories as the filter items.
You could set the Filter align(position). There are 4 options:
There are the Filter section bottom spacing, Filter items left / right spacing options:
The spacing options would work like:
Replace the Word “All”
If you want to change the word “All“, please go to Theme Options > General Settings, enter a new word to replace it.
Hide the number
Please enable this option if you don’t want the number is shown.
Adjust filter items order
- Please install the free plugin “Category Order and Taxonomy Terms Order“
- Please go to Portfolio > Taxonomy Order, you will see the portfolio categories(includes the filter items), please drag&drop them to re-order them
To re-order the filters items of single posts and media images, please to Posts > Taxonomy Order and Media > Taxonomy Order
Go to the category page instead of filter items. read more