The FacetWP Hierarchy Select add-on is a powerful extension designed to handle complex, nested data. Unlike a standard dropdown, it creates a “guided” experience where selecting a parent option dynamically reveals a new dropdown for its children.
This is EXACTLY the same product as distributed by the developer. Sales Page
The primary purpose of this add-on is to allow users to drill down through a hierarchical taxonomy (like Category > Sub-category > Product Type) one level at a time.
Guided Dropdowns: Only the first level is shown initially. When a user makes a selection, the next level appears below it.
Dependency-Based UI: Each subsequent dropdown is filtered based on the selection made in the one above it.
Breadcrumb-like Filtering: It helps users navigate deep trees without overwhelming them with a massive single list.
| Feature | Details |
| Data Source | Requires a Hierarchical Taxonomy (e.g., WordPress Categories, WooCommerce Product Categories, or custom hierarchical taxonomies). |
| UI Type | Multi-level Dropdowns (<select> elements). |
| Ajax-Powered | Like all FacetWP facets, it updates results instantly without a page refresh. |
| Levels Supported | Up to 50 levels deep (though UX typically dictates 3–5). |
| Naming | You can set custom labels (e.g., “Select Make,” “Select Model,” “Select Year”) for each specific depth level. |
When configuring the Hierarchy Select facet in the FacetWP settings, you will encounter these options:
Show Depth Levels: You must click the “Add Label” button for every level you want to display. If your taxonomy has three levels but you only add two labels, only two dropdowns will ever appear.
Default Label: Sets the placeholder text for the dropdowns (e.g., “Any” or “Select…”).
Sort By: Options include:
Highest Count: Moves the most popular items to the top.
Display Value: Alphabetical order.
Term Order: Respects the order set in the WordPress admin (or via plugins like Intuitive Custom Post Order).
Value Modifiers: Allows you to manually include or exclude specific terms from appearing in the dropdowns.
If the default behavior doesn’t fit your design, you can use these common snippets:
Hide Empty Dropdowns: By default, it might show a level even if no sub-options exist. You can use CSS to hide these:
.facetwp-hierarchy_select.is-empty { display: none; }
Custom Headings: You can use the facetwp_facet_html filter to inject <h3> or <h4> tags above each individual dropdown to serve as section headers.
Counting: You can enable or disable the display of post counts next to the labels using the facetwp_facet_dropdown_show_counts filter.
FacetWP Core: This is an add-on and requires the main FacetWP plugin to be installed and active.
Listing Template: It will only appear on pages that contain a FacetWP-enabled listing (via Listing Builder, Elementor, or a custom WP_Query).
Indexing: After creating the facet, you must click the Re-index button in Settings > FacetWP for the hierarchy to be mapped correctly.
