如何在没有插件的情况下在 Woocommerce 中添加立即购买按钮

在 Woocommerce 中，有时候我们需要添加“立即购买”按钮，以方便用户快速购买商品，但是如果我们不想使用插件，该怎么办呢？下面就让我们来介绍如何在没有插件的情况下在 Woocommerce 中添加立即购买按钮。

第一步：使用 WooCommerce 的购物车 API

我们可以使用 WooCommerce 的购物车 API，通过 AJAX 请求将商品添加到购物车中，并将用户重定向到“结算页面”，从而实现“立即购买”的功能。

以下是添加商品到购物车的 AJAX 请求代码：

jQuery.ajax({
    type: 'POST',
    url: wc_add_to_cart_params.ajax_url,
    data: {
        'action': 'woocommerce_add_to_cart',
        'product_id': product_id,
        'quantity': product_qty
    },
    success: function (response) {
        if (response.error & response.product_url) {
            window.location.href = response.product_url;
            return;
        } else {
            window.location.href = wc_add_to_cart_params.cart_url;
            return;
        }
    }
});

第二步：创建立即购买按钮

我们可以在商品页面的模板中添加一个“立即购买”按钮，并将其与上一步中的 AJAX 请求相关联。

以下是一个简单的“立即购买”按钮的 HTML 代码：

<button class="single_add_to_cart_button button alt" onclick="addToCartNow()">立即购买</button>

以下是与按钮相关联的 JavaScript 代码：

function addToCartNow() {
    jQuery.ajax({
        type: 'POST',
        url: wc_add_to_cart_params.ajax_url,
        data: {
            'action': 'woocommerce_add_to_cart',
            'product_id': product_id,
            'quantity': product_qty
        },
        success: function (response) {
            if (response.error & response.product_url) {
                window.location.href = response.product_url;
                return;
            } else {
                window.location.href = wc_add_to_cart_params.checkout_url;
                return;
            }
        }
    });
}

第三步：重定向到结算页面

最后，在添加商品到购物车并重定向到“结算页面”后，在 Woocommerce 中，用户可以轻松地完成购买。

总结

在 Woocommerce 中添加“立即购买”按钮并不难，只需要使用 WooCommerce 的购物车 API 和 AJAX 请求即可实现。通过以上的介绍，希望能对您有所帮助。