Filter feature for CMS plan

Community resources
1

I have a data file with different tabs for developer types, such as Web Developer, AI Developer, and DevOps Developer. The filters include:

  • Availability: All, Open for hiring
  • Seniority: 3–4 years, 5–6 years, 7+ years

I want to design the filtering system so that when a user selects Web Developer, Open for hiring, and 3–4 years, it will display a screen showing only Web Developers who are open for hiring and have 3–4 years of experience.

Can I achieve this using Webflow with the CMS plan?

2

Hi there,

The CMS plan provides robust filtering capabilities for your developer directory. Using Collection lists, you can create a dynamic directory where users can filter developers based on multiple criteria like developer type, availability, and seniority level.

To implement this, you’ll need to:

  1. Create a Collection for your developers with custom fields for each filtering criterion
  2. Add a Collection list to your page to display the developers
  3. Set up filter components connected to your Collection fields
  4. Implement conditional visibility rules to show/hide items based on selected filters

The CMS plan supports up to 20 Collections with 60 fields per Collection, giving you plenty of room to create detailed developer profiles with all your required filtering attributes.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

If you want to filter on multiple vectors the easiest way is to setup your data in the CMS, and then build your filter screen using Finsweet’s List Filter, prev known as CMS Filter.

You can setup both filter types there.