Daniel

<h3>DEMOS</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/qcnTrKoHGA4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>You can find more demos <a href="https://demos.danielvoelk.de/divi-filter/" rel="nofollow ugc">here</a>.</p>
<h3>FEATURES</h3>
<ul>
<li>
<p>Filter unlimited columns</p>
</li>
<li>
<p>Add multiple filter categories to each column (if desired)</p>
</li>
<li>
<p>Filter blog posts</p>
</li>
<li>
<p><strong>[PREMIUM]</strong> Filter unlimited rows</p>
</li>
<li>
<p><strong>[PREMIUM]</strong> Style active filter button</p>
</li>
<li>
<p><strong>[PREMIUM]</strong> Start filtered, right after page loads.</p>
</li>
<li>
<p><strong>[PREMIUM]</strong> Add animations to your filtering</p>
</li>
<li>
<p><strong>[PREMIUM]</strong> Have multiple filters on one page</p>
</li>
<li>
<p><strong>[PREMIUM]</strong> Multi select filtering (explained in <a href="https://docs.danielvoelk.de" rel="nofollow ugc">Documentation</a>)</p>
</li>
<li>
<p><strong>[PREMIUM]</strong> And more (see in (<a href="https://docs.danielvoelk.de" rel="nofollow ugc">Documentation</a>)</p>
</li>
</ul>
<p><a href="https://shop.danielvoelk.de/#divi-filter" rel="nofollow ugc">Get the premium version</a></p>
<h3>SETUP</h3>
<p>Buttons:</p>
<ul>
<li>Click on the grey gear icon to access the Button Settings (on the button, that you want to filter with).</li>
<li>Go to Advanced -> CSS ID & Classes -> CSS Class. Here you add the df-button class.</li>
<li>Additionally add any category that you want to filter with that button like that: dfc-[your category] e.g. dfc-cats. </li>
<li>Important: Buttons have to be in a seperate section, than your filterable elements.</li>
</ul>
<p>Section:</p>
<ul>
<li>Click on blue gear icon to access the Section Settings.</li>
<li>Go to Advanced -> CSS ID & Classes -> CSS Class. Here you add the df-area class.</li>
</ul>
<p>Columns:</p>
<ul>
<li>Click on green gear icon to access the Row Settings.</li>
<li>In the Row Settings click on the gear icon the access the Column Settings.</li>
<li>Go to Advanced -> CSS ID & Classes -> CSS Class.</li>
<li>Here you add all the dfc-[your category] class you want e.g. your dfc-cats class.</li>
<li>Do that for all Columns you want to make filterable.</li>
</ul>
<p><a href="https://docs.danielvoelk.de" rel="nofollow ugc">A more detailed documentation</a></p>
<p><a href="https://danielvoelk.de/en/divi-filter" rel="nofollow ugc">Official Product Page</a></p>


Filter for Divi

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

Akhtarujjaman Shuvo

<p>Simple Plugin for creating a filterable portfolio gallery with MixitUp and Magnify Popup</p>
<h3>Shortcode</h3>
<pre>[asr-portfolio]</pre>
<h3>Filter Control : true / false</h3>
<pre>[asr-portfolio filter="true"]</pre>
<h3>Type Control: popup / single</h3>
<pre>[asr-portfolio type="popup"]</pre>


Simple Filterable Portfolio

Simple Plugin for creating a filterable portfolio gallery with MixitUp and Magnify Popup

Filter for Divi vs Simple Filterable Portfolio