Grid / Masonry Grid – Filter

The Filter is available in the Grid and Masonry module.

To find the Grid and Masonry Grid module, Please go to “Pages > Add New”, click “BM Content Builder”

To show filter, please enable the “Filter” option.

How to make the Filter to work

For Source: Portfolio

It should work with the categories. Go to “Portfolio > Categories”, please add one category, all Portfolios would be set within this category. You could name it as “Works” or others. Please add several sub-categories, the sub-categories will be shown as the filter items, please set “Works” as the parent category of these categories. The category structure looks like:

Please make sure that the parent category(like the “Works” category) is selected in the Grid module.

It is the same as the “Post” and “WooCommerce Product” source.

For Source: 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:

Was this article helpful?

Related Articles