Filter for Divi

Description

DEMOS

You can find more demos here.

FEATURES

  • Filter unlimited columns

  • Add multiple filter categories to each column (if desired)

  • [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

Screenshots

  • This is a demo how a filterable section. You can filter every module. In the demo you can see: video, counter, image and contact form module.
  • 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.

Reviews

مئی 28, 2021
I have been looking for a plugin to do what Divi Filter does for a long time. I am not a programmer, web designer, and know nothing about code but, in a short amount of time, this plugin was very easy to customize for our site. Support is great! Had one small issue figuring out how to get an additional filter button and support answered quickly and gave easy clear instructions on how to solve it. Makes our tourism site look and function better for visitors.
اپریل 16, 2021
Efficient with many possibilities, allowing to have its own unique design while being easy to use. We can take inspiration from Daniel's Layouts that we can also directly use by adapting them very easily. If you cannot find a solution despite the simple and precise documentation of the plug-in, Daniel will be happy to help you. He responds very quickly and really tries to help you, with a lot of patience. You can use this plug-in without hesitation, the premium version is definitely worth it. The plug-in is already very effective, and I think it will be even more so in the years to come. Thanks again Daniel!
جنوری 18, 2021
This is a unique plugin, easy to use because it uses Divi modules. Daniel is wonderful, ready to help you in case you have a problem. Awesome support, very helpful plugin!
جنوری 4, 2021
Great Plugin, which works perfectly and comes with outstanding support.
نومبر 6, 2020
I love this plug-in! I have been looking for a way to create my portfolio just the way I want it and with this plugin it is super easy! I have to say that I'm not good in code, CSS and stuff. So I had some questions, but the support you get is just awesome, very quick and very helpful! 100% recommend this plugin!
Read all 11 reviews

Contributors & Developers

“Filter for Divi” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Filter for Divi” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.1.0

  • added optional feedback popup

1.0.0

  • fixed bugs

0.9

  • first version