Filter – Grid / Masonry Grid

The Filter feature is available in the Grid and Masonry module.

WordPress Portfolio Filter

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

Portfolio

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.

Media Library

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.

Align

You could set the Filter align(position). There are 4 options:

Spacing

There are the Filter section bottom spacing, Filter items left / right spacing options:

The spacing options would work like:

Filter spacing

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.

But if you are creating a multi-languages website, please don’t enter anything in this input box. Please define it by WPML or Polylang plugin.

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

FAQs

Go to the category page instead of filter items. read more

Was this article helpful?

Related Articles