18. October 2022

How to filter anything in Elementor?

This is a quick instruction on how you can filter anything you want in Elementor.

It shows you how you can create a:

  • Filterable portfolio with own modules
  • Filterable video gallery
  • Filterable gallery
  • How you can filter every Elementor element.

1. Download the plugin

The first step is to download the free Elementor Filter plugin here: Download

2. Upload and activate the plugin

In your WordPress dashboard, you click on Plugins → Add New → Upload Plugin and choose the elementorfilter.zip file. Afterwards you go to Installed Plugins and activate it.

3. Create or open a page with Elementor

If you already have a page, with a layout that you want to filter you can open that. Otherwise, create a new page and open it with Elementor.

4. Create a section with buttons

Create a section for the filter buttons.

elementor filter buttons

5. Add classes to button

Open the button settings and add the ef-button class to each button module. You also add efc-CATEGORY for each category you want to filter.

If you don’t add any efc-CATEGORY class, then all elements will be shown.

ef button class buttons

6. Create another section and add class

Create a new section for the filterable elements and add the ef-area class to it.

section settings team

7. Create elements you want to filter

Create rows and add your modules you want to filter into the columns.

Only the columns will be filtered, so make sure to add one filter element into one column.

8. Add classes to columns

Open the row settings and then click on the gear icon to access the column settings.

Here you add the efc-CATEGORY class, that you want the element in that column to show up for.

column settngs class

Now everything is set up. If you now click a button e.g. with efc-CATEGORY1 then only columns, with this class will be shown. All others will be hidden.

Disclosure: Some of my posts contain ‘affiliate links.’ This means if you click on the link and purchase the item, I will receive an affiliate commission at no extra cost to you.

0 0 votes
Article Rating
Subscribe
Notify of
guest
7 Comments
Most Voted
Newest Oldest
Inline Feedbacks
View all comments
Gon
Gon
1 month ago

Where add efc-CATEGORY for each category you want to filter in the button? If in the ID Class already appears ef-button

Shepstar
Shepstar
12 days ago

Unfortunately the plugin breaks the Elementor page as the complete page becomes white. Probably has to do with Elementor 3.8.1

Shepstar
Shepstar
12 days ago
Reply to  Daniel

Hey, I used it and it worked fine but suddenly after updating all pages stayed white. So once I deactivated it, everything was back to good. Unfortuntely I have no URL with it at the moment. But might be some combination with a different plugin

Kay Nijhuis
Kay Nijhuis
9 days ago

Hi there, I’ve also send you an e-mail. I can’t get the plugin to work. It just doesn’t work. Not manually and also not via the template. See following URL’s where i tried multiple approaches. I’m using the paid version of the Elementor Filter Plugin.

URL’s:
https://www.multiwagon.com/conceptenfilter-test/
https://www.multiwagon.com/concepten-concept/

Thanks in advance

Pin It on Pinterest