Catalog & Search

Anopa Active Filter Count

Displays the number of active filter selections, scoped to a specific dimension or all filters, as a Badge or Text.

What it does

AnopaActiveFilterCount displays the number of active filter selections in your catalog or search experience. It can either count all active filters combined or be scoped to a specific dimension such as Categories, Tags, Collections, Colors, Vendors, a specific Option, Price, or Favourites.

The component can render as a Badge (a pill with the numeric count) or as Text (with configurable prefix and suffix around the number). This makes it especially useful for filter panel toggle buttons or any UI element where you want to show how many filters are currently applied.

Property Controls

ControlTypeDefaultDescription

CountsEnumAll FiltersDefines what to count: All Filters, Categories, Tags, Collections, Colors, Vendors, Option, Price, or Favourites.

Option NameStringSizeSpecifies which option filter to count when Counts is set to Option (e.g. Size, Material).

Display AsEnumBadgeChooses the display mode for the count: Badge (pill with number) or Text (inline text with prefix/suffix).

Hide When EmptyBooleanfalseIf true, hides the component entirely when the count is 0.

Show ZeroBooleanfalseIf true, shows the count even when it is 0 instead of hiding or leaving it blank.

PrefixString—Text to display before the number when in Text mode (e.g. "Filters: ").

SuffixString activeText to display after the number when in Text mode (e.g. " active", " filters").

Badge StyleObjectBackground, text color, font, size, radiusVisual styling for Badge mode, including background color, text color, font, size, and border radius.

Text StyleObjectColor, fontVisual styling for Text mode, including text color and font.