自定义位置中的自定义 woocommerce 优惠券字段答案

【问题标题】：Custom woocommerce coupon fields in custom place自定义位置中的自定义 woocommerce 优惠券字段
【发布时间】：2017-05-04 09:11:09
【问题描述】：

我创建了一个自定义结帐页面。

我想把优惠券代码放在任何地方，它起作用了。

不幸的是，在点击“申请优惠券”按钮后，系统没有验证优惠券并将其添加到订单中，而是按照点击“订购并支付”按钮响应form-checkout.php中使用的代码：

<?php do_action('woocommerce_checkout_coupon_form', $checkout); ?>

<form name="checkout" method="post" class="checkout woocommerce-checkout" action="<?php echo esc_url( wc_get_checkout_url() ); ?>" enctype="multipart/form-data">

        <div class="checkout-form-container">
            <?php if ( sizeof( $checkout->checkout_fields ) > 0 ) : ?>
                <?php do_action( 'woocommerce_checkout_before_customer_details' ); ?>

                <div class="col2-set" id="customer_details">
                    <div class="col-1">
                        <?php do_action( 'woocommerce_checkout_billing' ); ?>
                    </div>
                </div>

                <?php do_action( 'woocommerce_checkout_after_customer_details'); ?>

                <p class="form-row form-row-first">
                    <label for="coupon_code">Coupon?</label>
                    <input type="text" name="coupon_code" class="custom-coupon-code-input input-text" placeholder="<?php esc_attr_e( 'Wprowadż kod', 'woocommerce' ); ?>" id="coupon_code" value="" />
                </p>

                <p class="form-row form-row-last">
                                           <input type="submit"button class="button custom-apply-coupon-btn">
                        <?php esc_attr_e( 'Apply', 'woocommerce' ); ?>
                    </button>
                </p>

            <?php endif; ?>
        </div>

【问题讨论】：

标签： woocommerce checkout

【解决方案1】：

检查您的结帐页面 HTML。您实际上是将优惠券表格放入结帐表格中。 HTML 表单不支持嵌套表单。

将表单放在结帐表单之外。如果您真的需要在那里显示它们，请通过单击“应用优惠券”按钮通过 javascript 获取这些值并进行验证。但是另一个表单中的表单标签不是正确的方法。

提交按钮也在提交父表单。这就是你得到它的原因。

【讨论】：

【解决方案2】：

我知道问题出在哪里。在 woo 2.6.8 上一切正常，但在更新到 min 3.0.4 后，它会崩溃，如上所述。

【讨论】：