Dropdown Filter

Create custom filter options that you define manually. Perfect when you need specific filtering options that don't exist in your CMS fields.

Perfect for: Custom filtering options, grouping items, or when your CMS field doesn't have the exact options you want

How It Works

Dropdown filters let you create your own custom filter options. Unlike Option filters that automatically load from your CMS fields, dropdown filters use options you manually define.

Perfect for grouping items, creating custom categories, or filtering by values that span multiple fields.

Setup Steps

  1. Add filter in property panel: Click "+" to add a new filter
  2. Choose "Dropdown" type: Select Dropdown from the filter type dropdown
  3. Select your field: Choose which field to filter by
  4. Add custom options: Define your own filter options and values
  5. Choose style: Dropdown, checkboxes, or tag buttons
  6. Set logic: Single or multi-select behavior

Property Panel Settings

Configure the dropdown filter in the property panel:

  • Filter Label: What users see (e.g., "Price Range", "Category")
  • CMS Field: Which field to filter by
  • Custom Options: Add your own option labels and values
  • Style: Dropdown, checkboxes, or tag buttons
  • Selection: Single-select or multi-select
  • Logic: "All" (AND) or "Any" (OR) for multi-select

Style Options

Dropdown

Traditional dropdown menu - single or multi-select

Best for: When space is limited or you have many options

Checkboxes

Checkbox list for multi-select options

Best for: When you want all options visible and selectable

Tag Buttons

Clickable tag-style buttons for each option

Best for: Modern interfaces, great for categories and tags

Use Cases & Examples

Price Tiers

Budget/Premium/Luxury: Group products by price ranges with custom labels

Device Types

Mobile/Tablet/Desktop: Filter content by device compatibility

Difficulty Levels

Beginner/Intermediate/Advanced: Filter courses or content by skill level

Company Sizes

Startup/SMB/Enterprise: Filter content by business size

Tips & Best Practices

  • Use Option filters for CMS fields, Dropdown filters for custom groupings
  • Tag button style works great for modern interfaces and mobile
  • Keep option labels short and clear for better user experience
  • Use multi-select with "Any" logic for broader filtering
  • Consider the order of options - put most common ones first