Filter for Elementor

plugin banner

The Elementor Filter plugin allows you to filter every module in Elementor. Just add a few classes and you're done.

Author:Daniel Völk (profile at wordpress.org)
WordPress version required:4.9
WordPress version tested:6.4.2
Plugin version:1.0.2
Added to WordPress repository:09-06-2021
Last updated:19-01-2024
Rating, %:100
Rated by:6
Plugin URI:https://shop.danielvoelk.de/product/elementor...
Total downloads:4 665
Active installs:600+
plugin download
Click to start download

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.
  • Do that for all Columns you want to make filterable.

A more detailed documentation


FAQ
ChangeLog