Divi Filter
⭐ Get Premium
  • 🥳Introduction
  • ✨Getting Started
    • Download + Installation
    • Filter Columns
    • Filter Rows (Premium)
    • Get the Premium features
  • 🎨Styling
    • Remove white space
    • Filter Animation (Premium)
    • Style Active Button (Premium)
    • Where to add custom CSS?
  • ▶️Layouts
    • Import Layouts
  • 👷‍♂️Functional
    • Show all elements
    • Filter blog posts or portfolio items
    • Multiple filters on one page (Premium)
    • Unfiltered element (Premium)
    • Reset filter button (Premium)
    • Filter already applied (Premium)
    • Bugs? Use the Starting Delay
    • Fixed class
    • Filter Specialty Sections (Premium)
  • 🆎Filtering Types
    • Picky Filtering (Premium)
    • Multi select filtering (Premium)
  • 🔗Links
    • Visit Shop
Powered by GitBook
On this page

Was this helpful?

  1. Functional

Multiple filters on one page (Premium)

PreviousFilter blog posts or portfolio itemsNextUnfiltered element (Premium)

Last updated 1 year ago

Was this helpful?

Add dfn-[number] to your df-area and to the rows containing your filter buttons.

By doing this, you match the filter buttons and the filter areas together.

Example

  • section

    • rows (dfn-1)

      • buttons

  • df-area (dfn-1)

    • filterable elements

  • section

    • rows (dfn-2)

      • buttons

  • df-area (dfn-2)

    • filterable elements

Now when you click on the first button it filters the element of the first section.

You can get Divi Filter Premium by clicking .

👷‍♂️
here