CMS Filters

The all-in-one filter builder. Create dropdown filters, price ranges, toggles, and more with one component. Perfect for complex filtering needs.

Optional Component: Insert via plugin or copy from dashboard → Connect to your CMS collection in the property panel.

How It Works

CMS Filters is the powerhouse component that lets you build sophisticated filtering experiences. Add dropdown filters for Option fields, range sliders for Number fields, toggles for boolean fields - all in one component.

It automatically detects your CMS field types and suggests the best filter types. Build anything from simple category filters to complex e-commerce filtering.

One component, multiple filter types - dropdown, range slider, and toggles

What It Does

  • Multiple filter types in one component
  • Automatically detects CMS field types
  • Dropdown filters for Option fields
  • Range sliders for Number fields
  • Toggle switches for boolean fields
  • Checkbox and radio button options
  • Mobile-responsive layouts

Setup Steps

  1. Copy from dashboard: Find "CMS Filters" and click copy
  2. Paste in Framer: Position in sidebar or above your collection
  3. Add filters: In property panel, click "+" to add filters for each field you want
  4. Choose filter types: Select dropdown, range slider, toggle, etc. based on your field type

Property Panel Settings

Build your filters in the property panel:

  • Add Filter: Click "+" to add a new filter
  • Field Name: Choose which CMS field to filter by
  • Filter Type: Select dropdown, range, toggle, etc.
  • Label: What users see (e.g., "Category", "Price Range")