WooCommerce Shop Page Endpoint。 没有产品

Question

I've been trying to add an endpoint for the shop page using this code:

add_action( 'init', 'add_city_endpoint' );
function add_city_endpoint() {
    add_rewrite_endpoint( 'city', EP_PAGES );
}

to get products filtered when url is something like: /shop/city/new-york/

But I get page with no products.

How can I make it work?

Answer 1

Alright, I'll answer my own question.

Since the shop page is not an actual wordpress page, but an archive page for "product" post type, the endpoints don't work well for my purpose. And the proper way would be to use add_rewrite_rule instead:

add_action( 'init', 'city_add_rewrite_rules' );
function city_add_rewrite_rules() {

    $shop_page = ( $shop_page_id = wc_get_page_id( 'shop' ) ) && get_post( $shop_page_id ) ? get_page_uri( $shop_page_id ) : 'shop';

    add_rewrite_tag( '%sr_city%', '([^&]+)' );
    add_rewrite_rule(
            "^$shop_page/city/([^/]+)/?$", 'index.php?post_type=product&sr_city=$matches[1]', 'top'
    );
    //pagination
    add_rewrite_rule(
            "^$shop_page/city/([^/]+)/page/([0-9]+)?$", 'index.php?post_type=product&sr_city=$matches[1]&paged=$matches[2]', 'top'
    );

}