Ajaxを使ったワードプレスポストフィルター

Question

productsという新しい投稿タイプを作成しました。この商品の新しいタクソミーをproduct_catという名前で作成しました。私が追加したproduct_catで

register_taxonomy('product_cat', array('product'), $args); 

車、船、ボート、バスなど

今、私は次のコードを使用して、すべての製品を一覧表示しています。

args=array(
     'post_type'=>'product', 
     'post_per_page'=>'10'); 

     $loop=new WP_Query($args); 

     while($loop->have_posts()) : $loop->the_post(); 

     the_title(); 
     the_content(); 

     endwhile; 

私は、製品のフィルタを作りたい今この.FOR私は私が必要なもの次のHTML

<label class="type-label">car<input type="checkbox" class="type-box" value="car"/></label> 
<label class="type-label">bus<input type="checkbox" class="type-box" value="bus"/></label> 

は車をクリックすると、誰かが、その後、その後、車の製品のみを表示するために必要があるときに、ある追加。

私はチェックボックスの値をフェッチするjqueryコードを知っています。私はどのようにlist car productを知っています。

$args=array(
      'post_type'=>'product', 
      'post_per_page'=>'10', 
      'tax_query' => array(
       array(
       'taxonomy' => 'product_cat', 
       'field' => 'slug', 
       'terms' => 'car', 
        ),),); 
$loop=new WP_Query($args); 

しかし、ajaxを使用して対応する結果を表示するには、いずれか1つを助けてください。車のチェックボックスをクリックすると、車のカテゴリの商品だけが表示される必要があります。

いずれかがちょうどこのようにあなたは、ワードプレスでAJAXアクションを追加する必要が

Answer 1

まず簡単な例を手助けして与えることができますしてください：あなたのPHP関数で https://codex.wordpress.org/AJAX_in_Plugins

あなたがクライアントからパラメータを取得することができます表示したいカテゴリーIDにすることができます。 必要なすべてのパラメータを取得してチェックしたら、クエリを実行できます。私はあなたがこれを読むことをお勧めクライアントimpaginationについては

： https://premium.wpmudev.org/blog/load-posts-ajax/

・ホープ、このヘルプあなた