WordPress WP_Query多条件AJAX筛选仅最后一个生效问题求解

多筛选条件仅最后一个生效，核心是代码逻辑存在两个明显问题：

• 每次判断筛选条件时，都是直接给$args['tax_query']整体重新赋值，后执行的判断会直接覆盖前面写入的分类查询规则，最终只会保留最后一个满足条件的查询项
• 查询参数里的cat是WordPress默认文章分类（category）的专属参数，你的产品是自定义文章类型、配套自定义分类法的话，这个参数不会生效，还可能和其他分类查询规则冲突
• 附带小问题：获取品牌分类时复用了价格查询的$prices变量，虽然不影响当前运行，但可读性差，后续维护容易出bug

1. 替换filter.php的核心查询逻辑 #

核心修改思路是先初始化分类查询数组，把每个生效的筛选条件追加到数组中，同时设置多条件关系为AND（即必须同时满足所有选中的筛选规则），统一处理所有分类法查询，避免覆盖：

<?php

add_action('wp_ajax_nopriv_filter', 'filter_ajax');
add_action('wp_ajax_filter', 'filter_ajax');

function filter_ajax()
{
    // 先做参数校验和类型转换，避免直接访问或非法传参报错
    $product_cat = isset($_POST['product-category']) ? intval($_POST['product-category']) : 0;
    $product_color = isset($_POST['product-colors']) ? array_map('intval', $_POST['product-colors']) : [];
    $product_price = isset($_POST['product-price']) ? intval($_POST['product-price']) : 0;
    $product_brand = isset($_POST['product-brand']) ? intval($_POST['product-brand']) : 0;

    $args = array(
        'post_type'        => 'products',
        'posts_per_page'   => -1,
    );

    // 初始化分类查询数组，设置多条件关系为「同时满足」
    $tax_query = array(
        'relation' => 'AND'
    );

    // 追加产品分类条件：如果你的产品分类不是默认category，把下方taxonomy值改成你实际使用的产品分类法slug
    if ($product_cat > 0) {
        $tax_query[] = array(
            'taxonomy' => 'product_cat',
            'field' => 'term_id',
            'terms' => array($product_cat)
        );
    }

    // 追加价格筛选条件，不覆盖已有规则
    if ($product_price > 0) {
        $tax_query[] = array(
            'taxonomy' => 'price',
            'field' => 'term_id',
            'terms' => array($product_price)
        );
    }

    // 追加品牌筛选条件，不覆盖已有规则
    if ($product_brand > 0) {
        $tax_query[] = array(
            'taxonomy' => 'brands',
            'field' => 'term_id',
            'terms' => array($product_brand)
        );
    }

    // 追加颜色多选筛选条件，不覆盖已有规则
    if (!empty($product_color)) {
        $tax_query[] = array(
            'taxonomy' => 'color',
            'field' => 'term_id',
            'terms' => $product_color
        );
    }

    // 只有存在有效筛选条件时，才把分类查询规则加入查询参数
    if (count($tax_query) > 1) {
        $args['tax_query'] = $tax_query;
    }

    $query = new WP_Query($args);
    // 下方循环输出逻辑无需改动
    if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post();
            $no_img = get_field('no_image', 'options')['url'];
?>
            <div class="card mx-4 mx-md-2 mx-xl-4">
                <div class="card__inner">
                    <?php if (has_post_thumbnail()) { ?>
                        <img src="<?php the_post_thumbnail_url(); ?>" alt="" />
                    <?php } else {
                    ?>
                        <img src="<?php echo $no_img ?>" alt="no-image" />
                    <?php } ?>
                    <h6 class="mt-3"><?php the_title(); ?></h6>
                    <p>$ <?php echo get_field('price'); ?></p>
                </div>
            </div>
        <?php endwhile;
    else : ?>
        <div>
            <p>No items found</p>
        </div><?php
            endif; ?>
<?php 
    // 自定义WP_Query用wp_reset_postdata更规范，不会干扰全局主查询
    wp_reset_postdata();
    die();
}

2. 调整sidebar.php的下拉框默认项 #

给价格、品牌的默认选择项加上空value属性，避免默认文本被当作参数提交导致判断异常：

<select id="product-price" name="product-price">
  <option value="">Search by Price</option>
  <!-- 后续价格选项保持不变 -->
</select>

<select id="product-brand" name="product-brand">
  <option value="">Search by Brand</option>
  <!-- 后续品牌选项保持不变 -->
</select>

顺手把获取品牌分类的变量名从$prices改成$brands，避免和价格分类变量混淆，减少后续维护出错概率。

3. 前端JS无需修改 #

现有表单提交、Ajax渲染逻辑可以正常工作。

内容的提问来源于stack exchange，提问作者RRhodes