WordPress, Genesis Framework and Storefront customization tutorials

Home » Premium

Premium

Multiple Dropdown Ajax Filter for WordPress Taxonomies

View Demo

In this tutorial I’m going to show You how to create multiple dropdown filter with AJAX for WordPress Taxonomies.

Step #1 – Filter by taxonomy terms

Create a folder named ajax in your child theme.
Create a file named dropdown-filter.php in the ajax folder.

Step #2 – Create a shortcode and place it wherever You want

Just copy this code in the functions.php

To view the full content, please sign up for the membership.

If You are already a member, please log in below:

Dropdown Ajax Filter for WordPress Categories

View Demo

In this tutorial I'm going to show You how to create a dropdown filter with AJAX for WordPress Categories.

Step #1 - Filter by taxonomy terms

Create a file named dropdown-filter.php

Search and replace "YOUR_TAXONOMY" in the code!

Step #2 - Create a shortcode and place it wherever You want

Just copy this code in the functions.php

To view the full content, please sign up for the membership.

If You are already a member, please log in below:

AJAX Filter for WordPress Custom Post Type Taxonomy

View Demo

Step #1 - Create a Custom Post Type for FAQ

In this example I'm going to create a Custom Post Type named FAQ, but it could be anything You want. Please care about the taxonomy's slug in this case "faq_cat". You need to change it to Your custom slug.

Copy this code in functions.php

Step #2 - Create some taxonomies for FAQ Custom Post Type

Create some taxonomies

Step #3 - Create some posts in FAQ

You can download the XML file from the demo to import.

Create some posts in FAQ

Step #4 - Enqueue scripts in functions.php

Step #5 - Build the filter

Create a file named filter-terms.php

To view the full content, please sign up for the membership.

If You are already a member, please log in below: