如何将优惠券添加到 WooCommerce 产品页面

How to add coupon to WooCommerce product page

我正在使用 WordPress (4.9.8) 和 WooCommerce (3.4.5),我想在单个产品页面中添加优惠券字段。我一直在查看所有 Woocommerce 模板,但找不到将 Woocommerce 优惠券字段添加到产品页面的方法。

有什么想法吗?

我不想为此使用插件。

以下代码将在添加到购物车按钮之前在单个产品页面中为优惠券添加自定义文本输入字段。

If a coupon code is inputed in that field when the product will be added to cart, the coupon code will be applied to cart.

代码:

// Add a text input field inside the add to cart form
add_action('woocommerce_single_product_summary','add_custom_text_field_single_product', 2 );
function add_custom_text_field_single_product(){
    global $product;

    if( $product->is_type('variable') ){
        add_action('woocommerce_before_single_variation','custom_product_text_input_field', 30 );
    } else {
        add_action('woocommerce_before_add_to_cart_button','custom_product_text_input_field', 30 );
    }
}

function custom_product_text_input_field(){
    echo '<div class="hidden-field">
    <p class="form-row product-coupon form-row-wide" id="product-coupon_field" data-priority="">
        <label for="product-coupon" class="">' . __("Do you have a coupon code?") . '</label>
        <span class="woocommerce-input-wrapper">
            <input type="text" class="input-text " name="product-coupon" id="product-coupon" placeholder="'.__("Coupon code").'" value="">
        </span>
    </p></div>';
}

// Apply the coupon code from product custom text imput field
add_filter('woocommerce_add_cart_item_data', 'coupon_code_product_add_to_cart', 20, 3);
function coupon_code_product_add_to_cart($cart_item_data, $product_id, $variation_id) {
    if (isset($_POST['product-coupon']) && ! empty($_POST['product-coupon'])) {
        WC()->cart->apply_coupon( sanitize_title( $_POST['product-coupon'] ) );
    }
    return $cart_item_data;
}

代码进入您的活动子主题(或活动主题)的 function.php 文件。已测试并有效。

If you want to have tha coupon field ajax powered, It's just more complicate and too broad for stack overflow on this question, without providing any code.