Support » Plugin: Multi-Step Checkout for WooCommerce » Applying coupon clear all fields

  • Resolved jorgehoffmann


    On my website, register is required to complete purchase, so you register for the first time, go to checkout, fill up all the fields and, on the last step, you apply a coupon, when you apply it, it reloads the page, clearing all the fields.

    The URL is for the product, you’ll have to add it to the cart, register (doesn’t validate e-mail), click on the cart icon in the top bar, go to cart again and then proceed to checkout, once there you can reproduce this bug.

    Is there a way of fixing that?

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Diana Burduja


    Your custom made theme removes the default coupon form with the following CSS rule:

    /*single do produto fim*/
    	display: none !important;

    and then adds the a copy of the coupon form inside the “Order Review” section.

    Unfortunately adding the coupon form inside the “Order Review” section will not work, both with the Multi-Step Checkout plugin activated and deactivated.

    The problem is that the checkout is already in a <form> HTML element and adding the coupon <form> HTML element inside it will nest the elements. According to the Mozilla documentation: “It’s strictly forbidden to nest a form inside another form. Nesting can cause forms to behave in an unpredictable manner, so it is a bad idea.”

    If you choose to use the WooCommerce default coupon form in its default place, then the checkout form will not reload upon applying a coupon code, both with and without the Multi-Step Checkout plugin activated on the website.

    Thread Starter jorgehoffmann


    Ok, I got it.

    Thanks a lot for the help 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.