WooCommerce AJAX 为可变产品添加到购物车，仍然重定向到产品页面答案

【问题标题】：WooCommerce AJAX Add to Cart for Variable products, still redirecting to product pageWooCommerce AJAX 为可变产品添加到购物车，仍然重定向到产品页面
【发布时间】：2019-02-23 02:31:33
【问题描述】：

以前，从存档页面将产品添加到购物车后，页面会停留在同一页面上（不重定向），但这仅适用于简单产品。我正在尝试做的是也为可变产品启用此功能（在存档页面上显示产品选项，而不必先转到产品页面）。

基于此链接：

[WooCommerce 3.0+] Ajax add to cart on variable products archive page

使用此代码：

if ( in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) {

   if ( ! function_exists( 'woocommerce_template_loop_add_to_cart' ) ) {

        function woocommerce_template_loop_add_to_cart() {
             global $product;

             if ($product->get_type() == "variable" ) {
                 woocommerce_variable_add_to_cart();
             }
             else {
                 wc_get_template( 'loop/add-to-cart.php' );
             }
         }
    }

    function ajax_add_to_cart_script() {

      wp_enqueue_script( 'add-to-cart-variation', plugins_url() . '/woocommerce-ajax-add-to-cart-variable-products/js/add-to-cart-variation.js', array('jquery'), '', true );
      wp_localize_script( 'add-to-cart-variation', 'AddToCartAjax', array(
        'ajaxurl' => admin_url( 'admin-ajax.php' ),

      ));
    }
    add_action( 'wp_enqueue_scripts', 'ajax_add_to_cart_script' );

    add_action( 'wp_ajax_woocommerce_add_to_cart_variable_rc', 'woocommerce_add_to_cart_variable_rc_callback' );

    function woocommerce_add_to_cart_variable_rc_callback() {
        $product_id = apply_filters( 'woocommerce_add_to_cart_product_id', absint( $_POST['product_id'] ) );
        $quantity = empty( $_POST['quantity'] ) ? 1 : apply_filters( 'woocommerce_stock_amount', $_POST['quantity'] );
        $variation_id = $_POST['variation_id'];
        $variation  = $_POST['variation'];
        $passed_validation = apply_filters( 'woocommerce_add_to_cart_validation', true, $product_id, $quantity );

        if ( $passed_validation && WC()->cart->add_to_cart( $product_id, $quantity, $variation_id, $variation  ) ) {
            do_action( 'woocommerce_ajax_added_to_cart', $product_id );
            if ( get_option( 'woocommerce_cart_redirect_after_add' ) == 'yes' ) {
            wc_add_to_cart_message( $product_id );
        }

        $this->get_refreshed_fragments();
        } else {
            $this->json_headers();

        $data = array(
            'error' => true,
            'product_url' => apply_filters( 'woocommerce_cart_redirect_after_error', get_permalink( $product_id ), $product_id )
            );
        echo json_encode( $data );
        }
        die();
    }  
}

我已经完成了一半，但现在最大的问题是在将变量产品和/或简单产品添加到购物车后，我被重定向到产品页面（产品添加到购物车就好了） .

我不确定是不是这个问题，但是我发现添加上面代码之前和之后的HTML不同是这样的：

之前：

<a href="/product-category/meats/?instock_products=in&#038;v=b718adec73e0&#038;add-to-cart=861" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="861" data-product_sku="" aria-label="Add &ldquo;Whole Pork Fillet (400G Up) Chilled&rdquo; to your cart" rel="nofollow">

之后：

<a href="/product-category/meats/?instock_products=in&#038;v=b718adec73e0&#038;add-to-cart=861" data-quantity="1" class="button" >

不确定这是否是主要原因。任何帮助表示赞赏。

谢谢。

【问题讨论】：

标签： php wordpress woocommerce

【解决方案1】：

点击“添加成功后重定向到购物车页面”复选框有帮助吗？

它位于 Woocommerce > 设置 > 产品中

【讨论】：

嗨，我试过了，但不工作..我在 SO 上找到了一个链接，其中包含一些自定义 AJAX，使用防止默认等。但我忘了给它添加书签，现在我再也找不到它了。。