Option Filter

Automatically loads all options from Option fields in your CMS. Perfect for categories, statuses, or any predefined field options with item counts.

Perfect for: Option fields like Category, Status, Type, or any CMS field with predefined choices

How It Works

Option filters automatically connect to Option fields in your CMS and load all available choices. No manual setup of options needed - they sync automatically with your CMS collection.

Perfect for filtering by categories, status types, or any field where you've defined specific options in your CMS.

Setup Steps

  1. Add filter in property panel: Click "+" to add a new filter
  2. Choose "Option" type: Select Option from the filter type dropdown
  3. Select your field: Choose which Option field to use (e.g., "Category")
  4. Choose style: Dropdown, checkboxes, or tag buttons
  5. Enable counts: Show how many items are in each category

Property Panel Settings

Configure the option filter in the property panel:

  • Filter Label: What users see (e.g., "Category", "Status")
  • CMS Field: Which Option field to connect to
  • Style: Dropdown, checkboxes, or tag buttons
  • Show Counts: Display item counts next to each option
  • Selection: Single-select or multi-select
  • Logic: "All" (AND) or "Any" (OR) for multi-select

Style Options

Tag Buttons

Modern tag-style buttons with optional item counts

Best for: Modern interfaces, great visual hierarchy with counts

Checkboxes

Traditional checkbox list with all options visible

Best for: When you want all options visible and multi-selectable

Dropdown

Space-saving dropdown menu

Best for: When you have many options or limited space

Use Cases & Examples

Product Categories

Auto-loading categories: All your CMS categories appear automatically with product counts

Content Status

Published/Draft/Review: Filter content by publication status

Project Types

Web/Mobile/Design: Filter portfolio projects by type

Course Levels

Beginner/Intermediate/Advanced: Filter educational content by difficulty

Tips & Best Practices

  • Option filters automatically sync with your CMS - no manual option management
  • Enable item counts to show users how many items are in each category
  • Use "Any" logic for broader filtering (show items matching any selected category)
  • Tag button style with counts provides great user feedback
  • Options appear in the same order as defined in your CMS