Filter for Elementor

FEATURES

• Filter columns
• Filter sections
• Filter elements
• Add multiple filter categories to each column (if desired)
• [PREMIUM] Style active filter button
• [PREMIUM] Filter inner columns
• [PREMIUM] Filter inner sections
• [PREMIUM] Filter flexbox containers (Beta)
• [PREMIUM] Start filtered, right after page loads.
• [PREMIUM] Add animations to your filtering
• [PREMIUM] Multi select filtering (explained in Documentation )
• [PREMIUM] And more (see in ( FAQ )

Get the premium version

SETUP

Buttons:

• Click on the pencil icon to access the Button Settings. You can also use images, or any other element to trigger the filtering. It doesn’t have to be a button module.
• Go to Advanced → CSS Class. Here you add the ef-button class.
• Additionally add any category that you want to filter with that button like that: efc-[your category] e.g. efc-cats.

Section:

• Click on blue gear icon to access the Section Settings.
• Go to Advanced → CSS Class. Here you add the ef-area class.

Columns:

• Click on edit column icon to access the column settings.
• Go to Advanced → CSS Class.
• Here you add all the efc-[your category] class you want e.g. your efc-cats class.