Are you looking to add filters for your custom post types based on a custom taxonomy? Filters let visitors narrow down results by specific criteria, making it faster to find relevant content on your site.
With the WP Search Filters widget from The Plus Addons for Elementor, you can add a filter for custom post types based on custom taxonomy directly in the Elementor editor.
To check the complete feature overview documentation of The Plus Addons for Elementor WP Search Filters widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it is installed & activated to enjoy all its powers.
Best Used For:
- Portfolio and directory sites with custom post types that need filterable category navigation
- E-learning platforms filtering courses by subject, level, or instructor taxonomy
- Real estate or job board sites filtering listings by location, type, or category taxonomy
To do this, make sure you have created at least one custom post type and its custom taxonomy. You can use the free Advanced Custom Fields (ACF) to create a custom post type and custom taxonomy.
For instance, we have created a custom post type called Books and Book Authors as its custom taxonomy.
Once you have created your custom post type and custom taxonomy, use the WP Search Filters widget together with the Dynamic Listing widget.
Note: Make sure you have enabled WP Search Filters and Dynamic Listing widgets from The Plus Addons > Widgets
Place the widgets in your desired location on the page or template, then follow the steps –
1. In the Dynamic Listing widget, select Search List from the Post Listing Types dropdown. Use this when you want the listing output to update in response to filter selections from the WP Search Filters widget.
2. Then select your custom post type from the Post Type dropdown.
3. After that, select the appropriate style and layout for your listing.
To ensure this works, make sure to assign taxonomy terms to your custom posts. The filter will not appear unless at least one taxonomy term is assigned to a post.
4. In the WP Search Filters widget, open the Category item under the Filter Area.
5. From the Filter Type dropdown, select WP Filter. From the Select Source dropdown, choose CheckBox, Radio Button, Drop Down, or Tabbing Filter depending on how you want visitors to interact with the filter. Use CheckBox when you want visitors to select multiple taxonomy terms at once. Use Radio Button when only one selection should be active at a time.
6. Select Taxonomy from the Select Type dropdown.
7. From the Select Taxonomy dropdown, select your custom taxonomy, for example book-author in this case.
Visitors can now use the filter to narrow down custom post types by custom taxonomy. To search posts by custom field values instead of taxonomy, read How to Create Checkbox Filter for Custom Posts with Custom Fields in Elementor. To search custom post types by custom taxonomy using a search field, see How to Search Custom Post Types by Custom Taxonomy in Elementor.
