Duplicated payment methods field on checkout page [ woocommerce ]
css, html, php, woocommerce, wordpress
Solution
I'm not 100% sure why the payment options are appearing on your Billing Details step (this will be down to how the theme is built); however I suspect this is happening because your theme has a `woocommerce` folder, and following one of the more recent WooCommerce updates (around `2.3.0`, I think), the WooCommerce theme files have changed slightly.
Previously, the payment options loop was in `/woocommerce/checkout/review-order.php` in your theme folder. However, it was removed from this file and there are now two new files: `payment.php` and `payment-method.php`.
It's most likely that your existing `review-order.php` template contains the loop for displaying the available payment gateways, but WooCommerce sees that your theme doesn't have the `payment.php` file, so is helpfully using its default (located in `/plugins/woocommerce/templates`) - as a result, your checkout is doubling up on displaying the payment options.
Try:
Make a backup of your current `review-order.php` file, then copy `'review-order.php`, `payment.php` & `payment-method.php` from `/plugins/woocommerce/templates/checkout/` to your theme folder: `[your-theme]/woocommerce/checkout/`.
Hopefully, you should no longer see the doubling-up of your payment methods. On the downside, you may well have to modify these files to bring them back in line with your theme.
Problem
Having some problem setting up my woocommerce shop because of the checkout page. The problem is that I'm facing duplicated payment methods that appear on BILLING Page and also ORDER & PAYMENT page. I'm using a theme that haves a one page checkout. If anyone can indicate how can i remove the links Images that explain the the situation https://i.stack.imgur.com/17eQW.png - Billing and shipping page that show the wrong placement of the field https://i.stack.imgur.com/PD3Wl.png - the payment page that show the right and wrong placement of the field