Hi Mark,
Thank you for contacting us and I'll be happy to assist.
Making custom buttons work with AJAX based results will involve a fair deal of script customizations, which are beyond the scope of support that we can provide.
But, without AJAX, the steps are relatively simpler:
1. First, please create your view with a front-end filter for the taxonomy that you'd like to filter the results by:
( example screenshot: hidden link )
Note: Here is a guide on the topic of adding front-end filters:
https://toolset.com/documentation/user-guides/front-page-filters/
2. Remove the HTML code for the front-end filtering field from the view's "Search and Pagination" section, but keep the relevant query filter settings.
( screenshot: hidden link )
3. Next, you can add HTML code for the three forms with a hidden field. Each form will act as a button for each of the taxonomy term:
<form action="" method="get">
<input type="hidden" name="wpv-employee-category" value="emp-cat-1">
<input type="submit" value="Button 1">
</form>
<form action="" method="get">
<input type="hidden" name="wpv-employee-category" value="emp-cat-2">
<input type="submit" value="Button 2">
</form>
<form action="" method="get">
<input type="hidden" name="wpv-employee-category" value="emp-cat-3">
<input type="submit" value="Button 3">
</form>
Notes:
1. The above HTML code can be included anywhere on the same page as the view, either through the page's content where the view is present or in the view's "Loop Editor" section.
2. Please replace the URL parameter "wpv-employee-category" in the form, with the actual filter parameter set in your view's "Query Filter" section.
( example screenshot: hidden link )
3. Also, replace the values "emp-cat-1", "emp-cat-2" & "emp-cat-3", with the actual slugs of your taxonomy terms.
I hope this helps and let me know if you have any question around this setup.
regards,
Waqar
