setup
COMPONENTS
INTEGRATIONS
FAQ
Result Counter - Superfields for Framer
Result Counter shows how many items currently match - for example "Results: 128". (If you want a count of active filters instead, use the Filter Counter.)
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: "128 stays" above the results grid.
Online store: "24 products" so shoppers know how much they're browsing.
Events listing: show how many sessions match the current filters.
Best sitting directly above your collection, so the count updates as people filter.
Add Result Counter
Open the Superfields plugin and go to Components, then the Other tab.
Drag Result Counter onto your page, inside your filters layout.
Open the component's Setup from the
...menu.
Setup
ID Filter Group - must match the collection it reports on.
Styling
Style the Label, the Count and the Layout (direction and alignment). A preview toggle switches between a demo count and an empty state while designing.
And that's it - a live count of matching results.
