WooCoomerce добавить в корзину кнопку с селектором количества на домашней странице с Ajax

Question

Я хочу отобразить кнопку «Добавить в корзину» и селектор количества с ajax для каждого товара в доме или для любой пользовательской страницы, которая показывает товары. это мой первый код:

    <?php echo $product->get_price_html(); 
        global $product;

        echo apply_filters( 'woocommerce_loop_add_to_cart_link',
             sprintf( '<a href="%s" rel="nofollow" data-product_id="%s" data-product_sku="%s" class="button %s product_type_%s">%s</a>',
            esc_url( $product->add_to_cart_url() ),
            esc_attr( $product->get_id() ),
            esc_attr( $product->get_sku() ),
            $product->is_purchasable() ? 'add_to_cart_button' : '',
            esc_attr( $product->get_type() ),
            esc_html( $product->add_to_cart_text() )
            ),
            $product );                     

    ?>

это отображение кода добавляет кнопку «Корзина» для каждого продукта, но без селектора количества и ajax.