Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Moving Woocommerce Order Review to Top of Checkout

I'm trying to move the order review section to the top of Woocommerce checkout page and this is working:

remove_action( 'woocommerce_checkout_order_review',    'woocommerce_order_review', 10 );
add_action( 'woocommerce_before_checkout_form', 'woocommerce_order_review', 20 );

But when Checkout opens it scrolls down to the order review section, rather than to the top of the page.

like image 578
H. Frederick Avatar asked Mar 20 '18 00:03

H. Frederick


People also ask

How do I change the checkout layout in WooCommerce?

To do that, navigate to WooCommerce » Settings and click on the Advanced tab. Next, go to the Checkout page heading, and choose the page you just made from the drop-down menu. Remember to click the Save Changes button to store your settings.

How do I change the WooCommerce checkout order received page?

Go to WooCommerce > Settings > Checkout and scroll down to the “Order Processing” section. Here you will see a field for “Order received” page. You can use the WordPress editor to add any content you like here.

Can WooCommerce have 2 checkouts?

You can create multiple Checkout pages by adding the [woocommerce_checkout] shortcode to each page, and you should be able to use them to Check out, however by default you will only be able to set a single one under WooCommerce > Settings > Advanced.


1 Answers

This works:

remove_action( 'woocommerce_checkout_order_review', 'woocommerce_order_review', 10 );
add_action( 'woocommerce_after_checkout_billing_form', 'woocommerce_order_review', 20 );
like image 164
H. Frederick Avatar answered Oct 29 '22 15:10

H. Frederick