Filter+ Slug

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
• Preserve — Enable/disable syncing with filter state. Read about preserving
• Condition — Choose the filter option (see Conditions below)
• Value — The criteria for the filter

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. Use for slug-based filtering

Filter+ Slug is for filtering by item slug only.

2. Integrate into your component

Integrate the Slug 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.

4. Override in other variant

Override Filter in the other variant. Learn about triggering.

Conditions

• Equals
• Doesn’t Equal
• Starts With
• Doesn’t Start With
• Ends With
• Doesn’t End With
• Contains
• Doesn’t Contain

Related

• Filters+ overview
• Collection+ · Clear+ · Count+