Skip to content

Snippet: Move Payment Options in WooCommerce Checkout to Top Right

// Remove the payment options form from default location
remove_action( 'woocommerce_checkout_order_review', 'woocommerce_checkout_payment', 20 );

// Add the payment options form under the "order notes" section
// Important you will have to also add the following custom CSS to your site:
// body .woocommerce-checkout-payment { float: none; width: 100%; }
add_action( 'woocommerce_after_order_notes', 'woocommerce_checkout_payment', 20 );
All PHP snippets should be added via child theme's functions.php file or via a plugin. We recommend Code Snippets (100% Free) or WPCode (sponsored)
Back To Top