TimesCoding

Learn, Practice, and Excel with our Coding Tutorials!

Woocommerce Order Place Button Bottom to Right Side

January 20, 2023 1 Min read WOOCOMMERCE
Woocommerce checkout page re-arrange

It is very easy to move the product’s review & payment section of the order process to the right side. This customize will make your checkout form more visible.


You can edit your functions.php file inside your theme directory, and add the following lines of code:

remove_action('woocommerce_checkout_order_review', 'woocommerce_order_review', 10 );
remove_action('woocommerce_checkout_order_review', 'woocommerce_checkout_payment', 20 );

add_action('woocommerce_before_order_notes', 'woocommerce_order_review');
add_action('woocommerce_after_order_notes', 'woocommerce_checkout_payment');

The above code will essentially remove the checkout’s order review & payment section and re-add it in the right side of the page.

Related Post:
Add Line Breaks to Woocommerce Product SKU & Category Name − We can easily add line breaks between product SKU and category name on the single product page. This formatting will make your product’s single page.