Hello,
1. To be able to move the coupon field above the cart totals, you should navigate to your theme folder and copy the “cart.php” file (woodmart\woocommerce\cart\cart.php) to your child theme (\woodmart-child\woocommerce\cart\cart.php).
The related coupon PHP code (on the cart page) is located on the “cart.php” template at lines 145 to 152.
https://monosnap.com/file/PzMpAoWQC30MFlLv1oQgBjCmp5zOyC
Copy this code above the woocommerce_cart_totals()
fucntion that is located at line 169.
https://prnt.sc/23etv2p
As well as add this custom CSS code to the “Global Custom CSS” area that is situated in Theme Settings -> Custom CSS.
.coupon .input-text {
width: 230px;
}
.coupon .button,
.coupon .input-text {
margin-bottom: 15px;
}
2. The reason is that the Checkout page is loading, so in the first second you see the coupon field without styles.
https://gyazo.com/de41561fc1f4f86b90dabbeb015251d5
Kind Regards