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

Question

我正在将WordPress（4.9.8）与WooCommerce（3.4.5）结合使用，我想在单个产品页面中添加优惠券字段。我一直在查看所有Woocommerce模板，但是找不到将Woocommerce优惠券字段添加到产品页面上的方法。

有什么想法吗？

我不想为此使用插件。

Answer 1

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

  

如果将商品添加到购物车时在该字段中输入了优惠券代码，则该优惠券代码将应用于购物车。

代码：

// 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文件中。经过测试，可以正常工作。

  

如果您希望使用优惠券字段 ajax ，那么它会变得更加复杂，而且对于该问题的堆栈溢出来说太宽泛了，而没有提供任何代码。