Cornerstone Filter radio button and checkbox and search keyword with ajax
By NetCreative
(version 3.1)
Working with the latest WP update
Working with the latest Cornerstone 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.3.1
- Enhanced the dynamic display lists for Post Types, Excluded Posts, Parent & Child Taxonomies, and All Posts.
- The new formats are:
- Post Type: Post Type Label (post type slug)
- Excluded Posts: Post Title (ID) -> post_type
- Parent Taxonomies: Taxonomy Label (taxonomy_slug) -> post_type(s)
- Child Taxonomies: Term Name (term_id) -> Parent Taxonomy Label
- All Posts: Post Title (ID) -> post_type
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 customizable number of posts on click or to load all posts at once. (This feature can be displayed in both single-page and archive page layouts.)
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.
A feature to limit the number of taxonomy children
Added a feature to limit the number of taxonomy children, preventing long input lists. With this feature, you can specify after how many taxonomy children a "Display All Categories" button will appear. Additionally, you can choose how many children are displayed on the front end. This enhancement makes the filter more readable.
Choose metadata from a dynamic list of existing data
I also added a feature that I’m very proud of: now, when adding a post type, taxonomy parent, or child, you can choose from a list of existing metadata instead of typing it manually. It might seem like a basic feature, but it wasn’t easy to implement (haha)!
Radio button or checkbox Style
Added a feature to customize radio buttons and checkboxes. You can display them in a row or column, and they can also be styled as fully customizable buttons.
Some Limitations
Ajax Cannot Be Deactivated
The component does not have the ability to turn off Ajax.
Limited Search Methods: Only Radio Buttons and Checkboxes Available
Currently, only radio buttons and checkboxes are available as search methods. Other methods, such as range selectors, are not yet supported.
One-Time Payment
$24.99USD
Component Setup Support
3 Months of Support
Quality Checked
*Price in US dollars including all fees
3 months Support
Component Setup Support
Previous Version
Version v.3
- Added a feature to customize radio buttons and checkboxes. You can display them in a row or column, and they can also be styled as fully customizable buttons.
- I also added a feature that I’m very proud of: now, when adding a post type, taxonomy parent, or child, you can choose from a list of existing metadata instead of typing it manually. It might seem like a basic feature, but it wasn’t easy to implement (haha)!
Version v.2
- Added a feature to limit the number of taxonomy children, preventing long input lists. With this feature, you can specify after how many taxonomy children a “Display All Categories” button will appear. Additionally, you can choose how many children are displayed on the front end. This enhancement makes the filter more readable.
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.
