Change checkout page layout

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi there,

    You can do that by overriding the WooCommerce checkout form template from your theme. This page explains how to override WC templates correctly.

    Template file you have to override is form-checkout.php which resides in templates/checkout folder of woocommerce plugin package. Copy that file into your theme. So you will have your-theme/woocommerce/checkout/form-checkout.php

    After that, you can place the product review (Your Order) anywhere you want (but not out from form tag).

    Here is the code which display the order review: 

    <div id="order_review" class="woocommerce-checkout-review-order">
<?php do_action( 'woocommerce_checkout_order_review' ); ?>
</div>

    If you have HTML and CSS knowledge you will be easier doing this.

    I hope it helps.

    Thread Starter ankitseth

    (@ankitseth)

    Thanks Kharis, that was very helpful ??

    Lucian

    (@luckysherrif)

    Hi,
    I can see you solved your problem. Can you guide me through this? I need also to display the two sections side-by-side. Thank you!

    Please i also need to edit the woocommerce templates on

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change checkout page layout’ is closed to new replies.

Tags