web-dev-qa-db-fra.com

Comment filtrer les publications par taxonomie en utilisant AJAX

J'ai trouvé cet article qui décrit comment filtrer les publications de catégorie avec Ajax et cela fonctionne très bien, mais je souhaite également filtrer mes taxonomies personnalisées de la même manière et je ne parviens pas à le faire fonctionner. Il me montre tous les messages au lieu de ceux de ma taxonomie.

Je sais que le menu doit être changé en get_the_terms au lieu de get_the_categories mais j'ai particulièrement besoin d'aide pour savoir quoi changer dans la fonction jQuery et la fonction php en bas. J'ai essayé d'ajouter un tax_query appelant ma taxonomie mais cela ne montre toujours pas les publications correctes. Quelqu'un peut-il m'aider à me diriger dans la bonne direction?

custom-taxonomytaxonomyajax
3
Emily

Je l'ai compris! Voici le code que j'ai utilisé:

Ajouter à functions.php:

add_action( 'wp_ajax_nopriv_load-filter2', 'prefix_load_term_posts' );
add_action( 'wp_ajax_load-filter2', 'prefix_load_term_posts' );
function prefix_load_term_posts () {
        $term_id = $_POST[ 'term' ];
            $args = array (
            'term' => $term_id,
            'posts_per_page' => -1,
            'order' => 'DESC',
                 'tax_query' => array(
                  array(
                      'taxonomy' => 'yourtaxonomyhere',
                      'field'    => 'id',
                      'terms'    => $term_id,
                      'operator' => 'IN'
                      )
                  )
             );

        global $post;
        $myposts = get_posts( $args );
        ob_start (); ?>

        <ul class="list">
        <?php foreach( $myposts as $post ) : setup_postdata($post); ?>
            <li><a href="<?php the_permalink(); ?>" id="post-<?php the_ID(); ?>"><?php echo get_post_meta($post->ID, 'image', $single = true); ?></a><br />
             <?php the_title(); ?></li>
       <?php endforeach; ?>
        </ul>

       <?php wp_reset_postdata(); 
       $response = ob_get_contents();
       ob_end_clean();
       echo $response;
       die(1);
}

script jQuery:

<script>
function term_ajax_get(termID) {
    jQuery("a.ajax").removeClass("current");
    jQuery("a.ajax").addClass("current"); //adds class current to the category menu item being displayed so you can style it with css
    jQuery("#loading-animation").show();
    var ajaxurl = 'http://yourdomain.com/wp-admin/admin-ajax.php';
    jQuery.ajax({
        type: 'POST',
        url: ajaxurl,
        data: {"action": "load-filter2", term: termID },
        success: function(response) {
            jQuery("#category-post-content").html(response);
            jQuery("#loading-animation").hide();
            return false;
        }
    });
}
</script>

Je n'utilise pas de fonction pour lister les catégories, je les répertorie séparément. Remplacez le numéro par l'ID de votre terme:

<ul class="nav">
     <li id="term-166"><a class="yourtermname ajax" onclick="term_ajax_get('166');" href="#">Your Term Name</a></li>
     <li id="term-354"><a class="yourtermname ajax" onclick="term_ajax_get('354');" href="#">Your Term Name</a></li>
</ul>

En outre, si vous souhaitez filtrer les balises au lieu de termes, remplacez:

  • 'term' avec 'tag__in',
  • $term_id avec $tag_id
  • et remplacez 'taxonomy' => 'yourtaxonomyhere' par 'taxonomy' => 'post_tag'.
8
Emily

Je vous suggère d'utiliser un shortcode pour afficher la taxonomie de votre choix: créez une classe pour déclarer le shortcode et appelez cette fonction

  public function shortcode($atts)
{
 extract(shortcode_atts( array(
    'data' => 'taxonomy',
    'taxonomy' => 'category',
    //get_terms arguments
    'parent' => 0, //only get top level terms by default
    'exclude'=>'',
    'type'=>'radio' // checkbox,radio
    ), $atts,'astSearchInput' ));

$arrStr =array();
$arrStr[]= "<div class='astSearchInput " . $taxonomy. "' taxonomy='" .$taxonomy. "'>"  ;
if ($type=="checkbox" || $type=="radio")
{
    if ($data=="taxonomy")
        {
        //echo $datatata;
        $arrValues=get_terms($taxonomy, array("parent"=>$parent, "exclude"=>$exclude)); 
        }


     if ($type=="checkbox")$arrStr[]= $this->inputCheckBox($arrValues,$atts);
     if ($type=="radio")$arrStr[]= $this->inputRadio($arrValues,$atts);
}
$arrStr[]= "</div>";
$str=join("\n",$arrStr);
return $str  ;
}




    function inputCheckBox($arrValues,$attr)
{
    $arrStr =array();
    $arrStr[]='<div class="formcb">';
    foreach($arrValues as $k=>$term)
        {
            $title=$term->name; //$term->description 
            //  print_r($term);
            $id="cb" . $term->term_id;
            $arrStr[]='<div class="cb"><input class="astInpuntTerm astcheckBox" type="checkbox" id="' . $id  .'" value="' . $term->term_id . '" ><label for="' . $id . '">' . $title. '</label></div>';
        }
    $arrStr[]='</div>'; 
    $str=join("\n",$arrStr);    
        return $str;
}

http://www.webmasterbulletin.net/wordpress-ajax-taxonomy-search-shortcode

0
erwanpia

J'avais un problème similaire.

Le code est bon, mais il doit être légèrement modifié pour fonctionner.

            $args = array (
        'term' => $term_id,
        'posts_per_page' => -1,
        'order' => 'DESC',
             'tax_query' => array(
              array(
                  'taxonomy' => 'yourtaxonomyhere',
                  'field'    => 'id',
                  'terms'    => $term_id,
                  'operator' => 'IN'
                  )
              ),
               'post_type' => 'yourcustomposttype', // <== this was missing
'posts_per_page' => 10,
'order' => 'DESC'
         );
0
Camil