Woocommerce-在产品页面上添加购物车和立即购买按钮

Question

我试图在产品页面的Woocommerce中添加“立即购买”按钮，因此有两个按钮：

1. 添加到购物车
2. 立即购买（将产品添加到购物车并重定向到结账）

我仍然希望添加到购物车，使其正常工作。

我怎样才能做到这一点？非常感谢。

http://wordpress.org/extend/plugins/woocommerce/

Answer 1

经过多次搜索，我很惊讶这不是标准的东西。这是我的解决方案：

或者使用类似“woocommerce\u single\u product\u summary”的钩子

或者复制wp-Content/plugins/wooCommerce/tem板/单品/加载到购物车/simple.php到您的子主题，如：wp-Content/主题/子主题/wooCommerce/单品/加载到购物车/simple.php

编辑文件，并在要显示按钮的位置添加以下代码：

<div class="express-checkout-wrapper">
            <a id="dc_express_checkout" href="/checkout/?add-to-cart=<?php echo get_the_ID(); ?>">
                Purchase
            </a>
        </div>

现在唯一的问题是，该按钮将带您结帐并添加正确的产品，但如果您更改它，则没有正确的数量，因此我在页脚中排队的custom.js文件中使用了js：

// Add and change quantity to express checkout button when the quantity is updated
if($('.cart .qty').length){
    var originalUrl = $('#dc_express_checkout').attr('href');
    $('.cart .qty').change(function(){
        var url = originalUrl + '&quantity=' + $(this).val();
        $('#dc_express_checkout').attr('href', url);
    });
}

您可以更改网址：

href="/checkout/?add-to-cart=<?php echo get_the_ID(); ?>"

到：

href="/cart/?add-to-cart=<?php echo get_the_ID(); ?>"

如果您希望按钮指向购物车而不是结账页面。

Answer 2

我找到了这篇博文，设法解决了这个问题http://samplacette.com/skip-shopping-cart-in-woocommerce/.

如果其他人发现他们正在努力实现这一点，我就是这样做的（可能不是最好的解决方案，但它对我有效）：

我把下面的文字复制到我的主题中functions.php

/** * Set cart item quantity action *
* Only works for simple products (with integer IDs, no colors etc) *
* @access public
* @return void */
function woocommerce_set_cart_qty_action() { 
    global $woocommerce;
    foreach ($_REQUEST as $key => $quantity) {
    // only allow integer quantities
    if (! is_numeric($quantity)) continue;

        // attempt to extract product ID from query string key
        $update_directive_bits = preg_split('/^set-cart-qty_/', $key);
        if (count($update_directive_bits) >= 2 and is_numeric($update_directive_bits[1])) {
            $product_id = (int) $update_directive_bits[1]; 
            $cart_id = $woocommerce->cart->generate_cart_id($product_id);
            // See if this product and its options is already in the cart
            $cart_item_key = $woocommerce->cart->find_product_in_cart( $cart_id ); 
            // If cart_item_key is set, the item is already in the cart
            if ( $cart_item_key ) {
                $woocommerce->cart->set_quantity($cart_item_key, $quantity);
            } else {
                // Add the product to the cart 
                $woocommerce->cart->add_to_cart($product_id, $quantity);
            }
        }
    }
}

add_action( 'init', 'woocommerce_set_cart_qty_action' );

然后，我将theme/woocommerce/single product/add to cart/simple.php（确保你没有对插件文件进行MIDI，所以复制并粘贴到你的主题文件到woocommerce文件夹中）修改为以下内容（注意，我已经从我的代码中删除了数量输入，因此如果你需要，请确保重新编写代码以使其正常工作）：

<form class="cart single-product" method="post" enctype='multipart/form-data'>
    <?php do_action( 'woocommerce_before_add_to_cart_button' ); ?>
    <input type="hidden" name="add-to-cart" value="<?php echo esc_attr( $product->id ); ?>" />
    <button type="submit" class="single_add_to_cart_button button alt cart-buttton add-to-cart"><?php echo $product->single_add_to_cart_text(); ?></button>
    <?php do_action( 'woocommerce_after_add_to_cart_button' ); ?>
</form>

<form class="cart single-product" method="post" enctype='multipart/form-data' action="/checkout?set-cart-qty_<?php echo $product->id;?>=1">
    <button type="submit"  class="single_add_to_cart_button button alt cart-buttton buy-now">Buy Now</button>
    <input type="hidden" name="add-to-cart" value="<?php echo esc_attr( $product->id ); ?>" />
</form>

我在现有的“添加到购物车”按钮旁边添加了另一个按钮，但分离了表单。这篇博文提到你可以添加一个超链接，但是上面提到的方法对我来说很有用，因为我需要定制页面（稍微冗长一些）

来自博客：

使用说明：

创建一个带有如下查询字符串参数的超链接：？set-cart-qty_=其中是产品的数字ID（类似于“167”），是

将用户发送到购物车中带有ID为"167"的产品的一个项目的结账的示例URL：

http://my.website.com/checkout?set-购物车数量=1

我希望以上内容能帮助那些和我有类似问题的人。