NWS Product Filter
Main filter interface
A powerful WooCommerce product filter plugin that allows customers to filter products by attributes, price range, stock status, and navigate between categories.
Features
- Attribute Filtering – Filter by any WooCommerce product attribute
- Price Range Slider – Interactive price range filtering with visual slider
- Stock Status Filter – Filter products by availability
- Categories Navigation – Collapsible category tree for browsing product categories
- Responsive Design – Mobile-friendly interface
- Admin Configuration – Easy-to-use admin interface for setting up filters
- Drag & Drop Ordering – Reorder filter items in the admin
- Shortcode Support – Display filters anywhere using shortcodes
[nwsfilter_product_filter]and[nwsfilter_selected_filters] - Clean Code – Object-oriented PHP with proper WordPress coding standards
- AJAX Filtering – Fast filtering without page reloads
- Multiple Filter Types – Price range, attributes, stock status, and categories
- Selected Filters Display – Show active filters separately with remove buttons
- Auto-expand Categories – Optional automatic expansion of parent categories
Filter Types
Price Filter
Interactive price range slider that automatically detects the price range for the current category with currency symbol support and real-time visual feedback.
Attribute Filters
Checkbox-based filtering for product attributes with product counts for each option, supports multiple selections, and automatically hides options with zero products.
Stock Filter
Simple checkbox to filter by stock availability, showing only products that are in stock.
Categories Menu
Collapsible category tree showing hierarchical structure with product counts, expandable/collapsible subcategories with visual indicators, current category highlighting, and optional auto-expand parent categories feature.
Usage
Display the main filter using the shortcode:
[nwsfilter_product_filter]
Display only selected/active filters:
[nwsfilter_selected_filters]
Or use PHP in your template:
display_filter_form(); ?>
Configuration
- Navigate to Settings > Product Filter in your WordPress admin
- Select which attributes and filters you want to display
- Drag and drop to reorder the filter items
- Configure categories settings (auto-expand, display location)
- Configure selected filters display options
- Save your settings
Customization
The plugin includes comprehensive CSS classes for easy customization:
* .nws-filter – Main container
* .filter-group – Individual filter sections
* .filter-group.is-active – Active filter sections
* .range-slider – Price range slider
* .selected-filters-section – Selected filters section
* .filter-chip – Individual filter chip
* .nws-clear-filters – Clear filters button