Do you want to search custom post types based on custom taxonomy in Elementor? Custom post types and custom taxonomies allow you to manage your content in a more organized way.
With the Search Bar widget from The Plus Addons for Elementor, you can easily allow users to search from custom post types based on custom taxonomies.
To check the complete feature overview documentation of The Plus Addons for Elementor Search Bar widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.
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.
Then, add the Search Bar widget on the page or template and follow the steps –
1. Open the item under Search Bar and select Taxonomy from the Source dropdown.
2. From the Select Taxonomy dropdown, select your custom taxonomy, i.e. book-author here.
Now, you should be able to see a dropdown beside the search bar.
In the Label field, you can add a label name for the select dropdown.
In the Placeholder field, you can add a placeholder text for the select dropdown.
From the Show Index toggle, you can show the number of posts the item has in numbers.
Note: You can click on the +Add Item button to use both custom post types and custom taxonomy as filters as well.
3. Now go to Extra Option tab and make sure the AJAX Search is enabled.
Note: The AJAX Search will be enabled by default.
Now you can select a custom taxonomy from the dropdown to show all the posts within the custom taxonomy in the search result or you can directly search for posts within a specific custom taxonomy.
Also, read How to Search Posts by Title Only in Elementor.
