Move sections on Checkout page?

[Carl Gustaf Crafoord]

Hi,

I’d like to move the price breakdown field (and delete some rows in it) so that it’s above the booking details field. I’ve tried with css only – but it only goes so far. And position:absolute; isn’t such a good solution.

I looked around in the .php files but couldn’t find where to change the order of the sections.

Ideally, I’d like the checkout page to look close to this: https://s3.envato.com/files/223731653/screens/32.%20Hotel-Theme-Reservation-3%20-Checkout.png

Thanks for your help!

• This topic was modified 5 years, 5 months ago by Carl Gustaf Crafoord.

[J. Davis]

Hello Carl,

You can replace the price Breakdown block by removint its action and then adding it back with other priority value. You can use the code below ay functions.php file of your theme (we recommend to use Child Theme to keep the changes after Parent theme update):

add_action( 'wp_head', 'remove_renderPriceBreakdown' );
function remove_renderPriceBreakdown(){
remove_action( 'mphb_sc_checkout_form', array( '\MPHB\Views\Shortcodes\CheckoutView', 'renderPriceBreakdown' ), 30 );
}

add_action( 'mphb_sc_checkout_form', array( '\MPHB\Views\Shortcodes\CheckoutView', 'renderPriceBreakdown' ), 10 );

best regards,
J. Davis

[Carl Gustaf Crafoord]

Excellent!

[Author]

Posts