Framer CMS Plus logo
Get CMS Plus

Filter+ Multi Reference

Filter by multiple references to another collection. Use with Multi Reference fields; filter by whether the list contains or doesn't contain a referenced item.

filters multi-reference reference

Property Controls

  • Collection+ ID — Use the same ID as the Collection+ you want to filter. Set up your Collection+ first
  • Filter — Triggers the apply or clear filter function. Learn about this concept
  • Field Name — Must match the field name in your collection
  • Preserve — Enable/disable syncing with filter state. Read about preserving
  • Condition — Choose the filter option (see Conditions below)
  • Value — The criteria for the filter
  • Reference Collection List — Link the collection list that is being referenced
  • Slug — From the referenced collection, find the CMS item and use its slug

Interactions

  • Active Filter — Variant when the filter is applied
  • Inactive Filter — Variant when the filter is cleared

Important: When Preserve is enabled, set both interactions. Read about preserving.

Basic Setup

1. Match filter type to field type

Use Filter+ Multi Reference only with Multi Reference fields.

2. Integrate into your component

Integrate the Multi Reference filter into your component. Learn how.

3. Configure controls

Configure controls in the primary variant. If using Preserve, add Active Filter and Inactive Filter interactions.

Required interactions when preserving

4. Override in other variant

Override Filter in the other variant. Learn about triggering.

Filter control override

Conditions

  • Contain
  • Doesn’t Contain

Example

The video below shows a reusable toggle with Multi Reference Filter+ and a dynamic list of filter toggles that update when the CMS collection changes.

Important: The collection list must have at least one element as the CMS Item and remove the Limit.