Cornerstone Filter radio button and checkbox and search keyword with ajax
By The FunGroup Brand
Working with the latest WP update
This component works with the Themeco Cornerstone Theme Builder and won’t function on its own. If you are already a user or wish to become one (and I think you should!), then this filter is for you.
If you are looking for an alternative to premium plugins like Search and Filter Pro or Search WP, then you are in the right place. This is an advanced filter component created using only Cornerstone component parameters, some jQuery, and PHP.
Fields can be displayed as checkboxes or radio buttons. It will filter all the selected posts for your desired post types and supports AJAX.
You have a lot of customization options available, such as order by, order, multiple custom post types, excluded posts, reset button, load more button, and customization of “No Results Found” and “Loading Posts” messages.
To see the limitations, please refer to the ‘Key Features’ section below.
Version v.1
New name cornerstone-filter-radio-checkbox-search-keyword-with-ajax.tco
- Added a search keyword field that works with meta-query data, such as ACF fields, allowing users to search for specific keywords within the metadata you want to include. The search results will be displayed in the result container.
- To optimize the search process, metadata must be input manually, ensuring the search is restricted to relevant data instead of scanning the entire database.
After purchasing the product, you will receive three ZIP files:
- cornerstone-filter-radio-checkbox-search-keyword-with-ajax.tco.zip
- info-card-cornerstone-filter-and-search-with-ajax.tco.zip
- Cornerstone Filter radio and checkbox and search keyword with ajax.php.zip
Unzip the first two files, Info-card-cornerstone-filter-and-search-with-ajax.tco.zip and Cornerstone-filter-radio-checkbox-search-keyword-with-ajax.tco.zip, and import them into the template section of your Cornerstone Theme Builder.
Do not unzip the third file, Cornerstone-filter-radio-and-checkbox-and-search-keyword-with-ajax.php.zip. Instead, go to your WordPress dashboard > Plugins > Add New, click on Upload Plugin, locate the third file on your computer, and upload it. After uploading, make sure it is activated.
What is this plugin able to do?
It uses a query from a php files to filter the posts by post type and displays the results in Cornerstone. This version uses AJAX
You can configure the options inside Cornerstone without the need for extra plugins.
Some Key Features
Ajax
You can load your posts using AJAX, and the URL will reflect the parameters to allow you to send an accurate URL to prefilter your search.
Choose between checkbox or radio button.
You can set up the taxonomy to use checkboxes or radio buttons for filtering, and you have full control over the look of your buttons, including shape, color, and hover effects.
Optional "Load More Posts" button.
You can set up this "Load More Posts" button to load a certain number of posts on click, or to load all posts at once.
Customized "No Results Found" message or "Loading Posts" message.
You have full control to customize messages such as "No Results Found" or "Loading Posts." For the latter, you can easily add a spinner by including a Lottie animation in the settings.
Filter posts from multiple custom post type
You can choose multiple custom post types and filter their posts. The maximum is 15 custom post types.
Exclude some post ID / order / order by
These features will help you get exactly what you want. You can exclude some posts by ID number, order your results in ascending or descending order, and sort by title, post ID, or even numeric metadata.
Filter in modal for mobile view
To be more responsive, you can choose to display the sort and filter options in a modal view only for mobile devices.
Search by keyword field
This feature allows users to perform keyword searches within post metadata, such as custom fields created using ACF (Advanced Custom Fields). By entering specific keywords, users can filter posts based on relevant metadata, ensuring precise and targeted search results. The results are dynamically displayed in a designated result container for a seamless user experience. To optimize performance and avoid unnecessary database queries, the metadata must be pre-defined manually, focusing the search on only the most relevant data. This enhances search efficiency while providing users with accurate and meaningful results.
Some Limitations
URL parameters
You cannot customize your own URL parameter when you sort and filter. The URL parameter will be the taxonomy name, following the format taxonomy_parent_slug=term_slug.
AJAX not optional
The ajax feature is not optional, you can't set it up to not use it, if for some reason you do not like ajax. (See the other similar sort and filter Search and Filter radio button
Only "Autosubmit" mode is available
The "submit on click" mode is not available in this version.
Optimize Post Loading with Clean and Efficient Info Cards
The number of meta fields displayed in the info card may affect the post loading time. Keeping the info card clean and simple to display only essential query results can significantly improve loading performance.
