在自定义位置定制woocommerce优惠券字段

Question

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

我想把优惠券代码放在任何地方，它的工作。

不幸的是点击“申请优惠券”按钮，而不是验证的优惠券，并加入到订单后，系统响应按照点击“订单，并支付”在形式，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> 

Answer 1

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

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

提交按钮也提交父窗体。这就是你得到这个的原因。

Answer 2

我知道问题在哪里。一切正常工作2.6.8，但更新到3.0.4后，崩溃，如上所述。