Cornerstone Sort and Filter radio button and checkbox 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.
After purchasing the product, you will receive three ZIP files:
- Info-card-for-sort-filter-with-ajax.tco.zip
- sort-filter-radio-checkbox-ajax-v-1.tco
- sort-filter-result-Ajax-radio-checkbox-V1.php.zip
Unzip the first two files, Info-card-for-sort-filter-with-ajax.tco.zip and sort-filter-radio-checkbox-v-1.tco.zip, and import them into the template section of your Cornerstone Theme Builder.
Do not unzip the third file, sort-filter-result-Ajax-radio-checkbox-V1.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.
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 Sort and Filter radio button
Only "Autosubmit" mode is available
The "submit on click" mode is not available in this version.
