Each filter type is built for a specific kind of product attribute. The wizard picks the right one automatically, but you can change any filter type in WooCommerce, FilterKit Pro.
Color swatches, checkboxes, price slider, and star ratings working together on a shop page.
Filter Types:
- Color Swatches: Round clickable color circles. The plugin reads the color code from your WooCommerce attribute, if you have a “Red” term with color #ef4444, it shows a red circle. Best for Color attributes.
- Image Swatches: Square thumbnail tiles. Upload an image for each option. Great for materials (leather, cotton), patterns (stripes, plaid), or anything where a picture says more than a word.
- Price Slider: Two draggable handles on a bar. The plugin reads your cheapest and most expensive products automatically. Customers drag to set their budget and see numbers update in real time.
- Checkboxes: Pick as many as you want. Each option shows how many products match. Best for categories, brands, tags, anything where customers want multiple selections.
- Radio Buttons: Pick only one. Good for either-or choices like Gender (Men / Women / Kids) or Condition (New / Used / Refurbished).
- Searchable Dropdown: A dropdown with a search box at the top. Perfect when you have lots of options, like a Brand filter with 50+ brands.
- Star Rating: Filter by customer review rating. Shows stars (5 stars, 4 stars, etc.) with how many products match each level. Requires WooCommerce reviews to be enabled.
- Toggle Switch: A simple on/off switch. Perfect for “On Sale,” “In Stock,” “Free Shipping,” or “Featured.” Takes very little sidebar space.
- Category Tree: An expandable list showing your category hierarchy. Click the arrow to see subcategories. Drill down without leaving the page.
Sort Dropdown:
A built-in sort dropdown lets customers sort by price (low/high), popularity, average rating, newest, or alphabetical. It appears alongside your filters automatically.
When a Filter Has Too Many Options:
If a filter has 50+ options, you can keep it manageable. Set these per filter in WooCommerce, FilterKit Pro , click on any filter , Overflow Settings:
- Scrollable Container: Set a max height and the list scrolls within it
- Search Within Filter: Adds a small search box at the top of that filter
- “Show More” Toggle: Shows the first few, then a “Show 47 more” link to expand
- All Three Combined: Use all three together for the best experience