Move sections on Checkout page?

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #740668
    Carl Gustaf Crafoord
    Participant

    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 2 years, 11 months ago by Carl Gustaf Crafoord.
    #741714
    J. Davis
    Keymaster

    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

    #741848
    Carl Gustaf Crafoord
    Participant

    Excellent!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.