Last active
January 17, 2023 20:30
-
-
Save Bobz-zg/8ef20f4d93bddac2ae79e515c4efbcc9 to your computer and use it in GitHub Desktop.
Filter WordPress posts by custom taxonomy term with AJAX
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
/** | |
* AJAC filter posts by taxonomy term | |
*/ | |
function vb_filter_posts() { | |
if( !isset( $_POST['nonce'] ) || !wp_verify_nonce( $_POST['nonce'], 'bobz' ) ) | |
die('Permission denied'); | |
/** | |
* Default response | |
*/ | |
$response = [ | |
'status' => 500, | |
'message' => 'Something is wrong, please try again later ...', | |
'content' => false, | |
'found' => 0 | |
]; | |
$tax = sanitize_text_field($_POST['params']['tax']); | |
$term = sanitize_text_field($_POST['params']['term']); | |
$page = intval($_POST['params']['page']); | |
$qty = intval($_POST['params']['qty']); | |
/** | |
* Check if term exists | |
*/ | |
if (!term_exists( $term, $tax) && $term != 'all-terms') : | |
$response = [ | |
'status' => 501, | |
'message' => 'Term doesn\'t exist', | |
'content' => 0 | |
]; | |
die(json_encode($response)); | |
endif; | |
if ($term == 'all-terms') : | |
$tax_qry[] = [ | |
'taxonomy' => $tax, | |
'field' => 'slug', | |
'terms' => $term, | |
'operator' => 'NOT IN' | |
]; | |
else : | |
$tax_qry[] = [ | |
'taxonomy' => $tax, | |
'field' => 'slug', | |
'terms' => $term, | |
]; | |
endif; | |
/** | |
* Setup query | |
*/ | |
$args = [ | |
'paged' => $page, | |
'post_type' => 'post', | |
'post_status' => 'publish', | |
'posts_per_page' => $qty, | |
'tax_query' => $tax_qry | |
]; | |
$qry = new WP_Query($args); | |
ob_start(); | |
if ($qry->have_posts()) : | |
while ($qry->have_posts()) : $qry->the_post(); ?> | |
<article class="loop-item"> | |
<header> | |
<h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> | |
</header> | |
<div class="entry-summary"> | |
<?php the_excerpt(); ?> | |
</div> | |
</article> | |
<?php endwhile; | |
/** | |
* Pagination | |
*/ | |
vb_ajax_pager($qry,$page); | |
$response = [ | |
'status'=> 200, | |
'found' => $qry->found_posts | |
]; | |
else : | |
$response = [ | |
'status' => 201, | |
'message' => 'No posts found' | |
]; | |
endif; | |
$response['content'] = ob_get_clean(); | |
die(json_encode($response)); | |
} | |
add_action('wp_ajax_do_filter_posts', 'vb_filter_posts'); | |
add_action('wp_ajax_nopriv_do_filter_posts', 'vb_filter_posts'); | |
/** | |
* Shortocde for displaying terms filter and results on page | |
*/ | |
function vb_filter_posts_sc($atts) { | |
$a = shortcode_atts( array( | |
'tax' => 'post_tag', // Taxonomy | |
'terms' => false, // Get specific taxonomy terms only | |
'active' => false, // Set active term by ID | |
'per_page' => 12 // How many posts per page | |
), $atts ); | |
$result = NULL; | |
$terms = get_terms($a['tax']); | |
if (count($terms)) : | |
ob_start(); ?> | |
<div id="container-async" data-paged="<?php echo $a['per_page']; ?>" class="sc-ajax-filter"> | |
<ul class="nav-filter"> | |
<?php foreach ($terms as $term) : ?> | |
<li<?php if ($term->term_id == $a['active']) :?> class="active"<?php endif; ?>> | |
<a href="<?php echo get_term_link( $term, $term->taxonomy ); ?>" data-filter="<?php echo $term->taxonomy; ?>" data-term="<?php echo $term->slug; ?>" data-page="1"> | |
<?php echo $term->name; ?> | |
</a> | |
</li> | |
<?php endforeach; ?> | |
</ul> | |
<div class="status"></div> | |
<div class="content"></div> | |
</div> | |
<?php $result = ob_get_clean(); | |
endif; | |
return $result; | |
} | |
add_shortcode( 'ajax_filter_posts', 'vb_filter_posts_sc'); | |
/** | |
* Pagination | |
*/ | |
function vb_ajax_pager( $query = null, $paged = 1 ) { | |
if (!$query) | |
return; | |
$paginate = paginate_links([ | |
'base' => '%_%', | |
'type' => 'array', | |
'total' => $query->max_num_pages, | |
'format' => '#page=%#%', | |
'current' => max( 1, $paged ), | |
'prev_text' => 'Prev', | |
'next_text' => 'Next' | |
]); | |
if ($query->max_num_pages > 1) : ?> | |
<ul class="pagination"> | |
<?php foreach ( $paginate as $page ) :?> | |
<li><?php echo $page; ?></li> | |
<?php endforeach; ?> | |
</ul> | |
<?php endif; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This is nice code for pagination