• Skip to main content
  • Skip to primary sidebar

WordPress, Genesis Framework and Storefront customization tutorials

  • Archive
    • Free
    • Premium
  • Blog
  • About
  • Contact
  • Newsletter
  • Login
Home ยป Dropdown Ajax Filter for WordPress Custom Post Type Taxonomy

Dropdown Ajax Filter for WordPress Custom Post Type Taxonomy

Dropdown Ajax Filter for WordPress Custom Post Type Taxonomy
View DemoYoutube Video

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

/your-child-theme/ajax-dropdown/dropdown-filter.php
Position of your WordPress Custom Post Type's Taxonomy

Search and replace “YOUR_TAXONOMY” and “YOUR_POST_TYPE” in following the code!

#3  'taxonomy' => 'YOUR_TAXONOMY' 
#20 'post_type' => 'YOUR_POST_TYPE', 

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

Just copy this code in the functions.php

Step #3 – Send a Request and to Receive Result Data

Create a file named dropdown-filter.js

Step #4 – Process the Request

Copy this snippet in functions.php

Search and replace “YOUR_TAXONOMY” in the code: #16th line

'taxonomy' => 'YOUR_TAXONOMY',

Step #5 – Enqueue JavaScript

Related Projects

You may also be interested in the following projects

Dropdown Ajax Filter for WordPress Categories

Dropdown Ajax Filter for WordPress Categories in Genesis

Ajax Featured Premium
Multiple Dropdown Ajax Filter for WordPress Taxonomies

Multiple Dropdown Ajax Filter for WordPress Taxonomies

Ajax Featured Premium
Ajax-filter-for-category

AJAX Filter for WordPress Categories with Buttons in Genesis

Ajax Featured Premium
ajax-filter-for-taxonomy

AJAX Filter for WordPress Custom Post Type Taxonomy with Buttons

Ajax Featured Premium

Filed Under: Featured, Premium Tagged With: Ajax

About Gabor Flamich

I'm a web developer and designer based in Budapest, Hungary. In recent years, I've documented hundreds of solutions I came across during development. This site is an archive for useful code snippets on WordPress, Genesis Framework and WooCommerce. If You have any questions related to WordPress development, get in touch!

Reader Interactions

Comments

  1. candy says

    2020-12-25 at 19:49

    Thank you so much…
    it helped me alot

    Reply
  2. Jason Hunter says

    2021-02-03 at 07:42

    How can I change what is shown once the “Apply Filter” button is pressed? Right now it is only showing me the title, but I would like to show the title, excerpt and a ‘Read More’ button.

    Thanks.

    Reply
    • Jason Hunter says

      2021-02-03 at 07:42

      Nevermind I found it.

      Reply
  3. yellow kite says

    2021-11-05 at 22:55

    If I need to use the filter with a custom post type and a taxonomy, how can I do it?

    Reply
    • Gabor Flamich says

      2021-11-09 at 08:40

      Hi, I updated the tutorial, tested and it works with CPT.

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Gabor Flamich

Hi! I'm Gabor.
I write tutorials on WordPress and WooCommerce.

MacBook

12 Essential Snippets for Genesis Developers

Subscribe to my Newsletter to view my basic collection of Genesis snippets that I use for my projects!

Sign Up for Free
  • Facebook
  • GitHub
  • Instagram
  • LinkedIn
  • Twitter
  • YouTube
UpdraftPlus Premium

Tags

ACF Ajax Analytics API Bootstrap Breadcrumb category CPT CSS fetch FSE Genesis Google Maps Gutenberg HTML Isotope JavaScript jQuery loop Map Menu Parallax PHP Rest API SASS SEO SQL Storefront SVG tab tag manager tags Taxonomy Tool upsell Webpack Wholesale WooCommerce WordPress WPML

Disclosure: Some of the links in this site are affiliate links. I will be paid a commission if you use this link to make a purchase.

  • Privacy Policy / Terms of Service
© 2025 WP Flames - All Right Reserved