Filter for Divi Plugin
The Divi Filter plugin allows you to filter every module in the Divi Theme. Just add a few classes and you're done.
DEMOS
You can find more demos here.
FEATURES
Filter unlimited columns
Add multiple filter categories to each column (if desired)
Filter blog posts
[PREMIUM] Filter unlimited rows
[PREMIUM] Style active filter button
[PREMIUM] Start filtered, right after page loads.
[PREMIUM] Add animations to your filtering
[PREMIUM] Have multiple filters on one page
[PREMIUM] Multi select filtering (explained in Documentation)
[PREMIUM] And more (see in (Documentation)
Get the premium version
SETUP
Buttons:
- Click on the grey gear icon to access the Button Settings (on the button, that you want to filter with).
- Go to Advanced -> CSS ID & Classes -> CSS Class. Here you add the df-button class.
- Additionally add any category that you want to filter with that button like that: dfc-[your category] e.g. dfc-cats.
- Important: Buttons have to be in a seperate section, than your filterable elements.
Section:
- Click on blue gear icon to access the Section Settings.
- Go to Advanced -> CSS ID & Classes -> CSS Class. Here you add the df-area class.
Columns:
- Click on green gear icon to access the Row Settings.
- In the Row Settings click on the gear icon the access the Column Settings.
- Go to Advanced -> CSS ID & Classes -> CSS Class.
- Here you add all the dfc-[your category] class you want e.g. your dfc-cats class.
- Do that for all Columns you want to make filterable.
A more detailed documentation
Official Product Page
Screenshots
This is a demo how you can filter every module. In the demo you can see: video, counter, image and contact form modules.
A filterable team section demo.
A filterable ice cream section.
FAQ
Where can I get support? You can get support in the Help Center.
Where can I download the premium plugin? You can download the premium plugin here.
Changelog
2.0.1
2.0.0
1.2.0
- fixed bugs, renamed php file name
1.1.0
- added optional feedback popup
1.0.0
0.9