Products

Education

Resources

Company

Support

Products

Education

Resources

Company

Support

Superfields

Filter Preset Checkboxes

setup

COMPONENTS

INTEGRATIONS

FAQ

Filter Preset Checkboxes - Superfields for Framer

Filter Preset Checkboxes is the checkbox version of preset filtering - visitors can tick one or more presets, each applying its own saved bundle of conditions.

Before you start: every input works together with the Superfields Collection - the main component that connects your CMS and renders the results. Add and connect that first (see Getting Started with Superfields), then give this input the same ID Filter Group as your collection.

Where to use it

  • Airbnb-style rentals: let guests stack "Pet friendly" and "Under $100" together.

  • Online store: combine "On sale" with "In stock".

  • Events listing: tick both "Free" and "This weekend".

Best when visitors should be able to apply more than one preset at a time.

Add Filter Preset Checkboxes

  1. Open the Superfields plugin and go to Components, then the Filters tab.

  2. Drag Filter Preset Checkboxes onto your page, inside your filters layout.

  3. Open the component's Setup from the ... menu.

Setup, Options and Presets

These are identical to Filter Preset Buttons: an ID Filter Group, an ID Preset Group, Apply Filters and an optional Filter ID; an All Option; and a Presets list where each preset has a Title, a Default toggle and a set of Conditions (Field Name + Field Type + value). See the Filter Preset Buttons page for the full breakdown of conditions.

Styling

Style the Checkboxes (box, text, row and layout).

And that's it - multi-select preset filtering.