WooCommerce 分页 + Ajax WP_Query

Question

我有一个自定义 Wordpress 小部件，它允许用户通过属性（自定义分类）过滤产品。

这一切都是通过 Ajax 调用发生的，但我无法根据过滤结果保持分页是最新的。

例如：

如果页面加载 30 个产品，则 10 个到一个页面 = 3 个结果页。

然后用户按属性过滤，将 30 个产品减少到 20 个。我需要将分页更改为仅 2 页的结果。

以下是替换默认页面内容的WP_Query 示例。您可以看到 woocommerce_pagination() 在此环境中似乎不起作用。

// Args
$args = array(
    'post_type' => 'product',
    'posts_per_page' => 10,
    'orderby' => 'name',
    'order' => 'ASC',
    'tax_query' => $tax_query
);

$query = new WP_Query( $args );

if( $query->have_posts() ) :
    woocommerce_product_loop_start();
    while( $query->have_posts() ): $query->the_post();
        wc_get_template_part( 'content', 'product' );
    endwhile;
    woocommerce_product_loop_end();

    // TODO - get pagination working
    woocommerce_pagination();

    wp_reset_postdata();
else :
    echo '<p>No products found</p>';
endif;

Answer 1

WooCommerce 分页基于全局 $wp_query 变量工作。但是您使用的是自己的 $query 变量。这就是为什么它不起作用的原因很明显。

你有两条路可以走：

1. 首先是使用query_posts 而不是WP_QUERY 类。
2. 第二种方法是小技巧，您可以在其中作弊 $wp_query 分页参数。

这里是：

 global $wp_query;
  $wp_query->max_num_pages=$query->max_num_pages;
  // TODO - get pagination working
  woocommerce_pagination();