Number Filter

Filter Number fields like price, rating, quantity, or age. Users enter specific values or ranges to find exactly what they need.

Perfect for: Number fields like Price, Rating, Age, Quantity, Score, or any numeric values

How It Works

Number filters let users filter by exact numeric values or ranges. Perfect for filtering products by price, ratings by score, or any numeric field in your CMS.

Users can search for items greater than, less than, or equal to specific numbers.

Setup Steps

  1. Add filter in property panel: Click "+" to add a new filter
  2. Choose "Number" type: Select Number from the filter type dropdown
  3. Select your field: Choose which Number field to filter (e.g., "Price", "Rating")
  4. Pick comparison: Choose how to compare (Equals, Greater than, etc.)
  5. Set defaults: Add placeholder and default values if needed

Property Panel Settings

Configure the number filter in the property panel:

  • Filter Label: What users see (e.g., "Minimum Price")
  • CMS Field: Which Number field to filter
  • Comparison: How to compare values (see options below)
  • Placeholder: Input placeholder (e.g., "Enter minimum price")
  • Unit/Prefix: Show currency symbols or units ($, €, lbs, etc.)

Matching Options

Greater Than

Show items where the field value is greater than the entered number

Example: Min price of $100 shows items $101 and above

Greater Than or Equal

Show items where the field value is greater than or equal to the entered number

Example: Min price of $100 shows items $100 and above

Less Than

Show items where the field value is less than the entered number

Example: Max price of $500 shows items under $500

Less Than or Equal

Show items where the field value is less than or equal to the entered number

Example: Max price of $500 shows items $500 and under

Equals

Show items where the field value exactly matches the entered number

Example: Rating of 5 shows only items with exactly 5-star rating

Use Cases & Examples

Price Filtering

Min/Max price: Use two Number filters - one "Greater than" for minimum, one "Less than" for maximum

Rating Filter

Minimum rating: "Greater than or equal" to show items with at least X stars

Inventory

Stock levels: "Greater than 0" for in-stock items, or exact quantities

Property Size

Square footage: Minimum size filters for property listings

Tips & Best Practices

  • Use two Number filters for price ranges: one "Greater than" and one "Less than"
  • Consider using Range Filter instead for a better user experience with ranges
  • Add currency symbols or units ($ €, sq ft) to make the filter clear
  • Use "Greater than or equal" for minimum values to include the boundary
  • Number filters work great for exact values, Range filters for ranges