wc-bootstrap/templates/checkout/form-checkout.html.twig

{#
 # Checkout Form (Bootstrap 5 Override)
 #
 # Main checkout page: 7+5 column layout (customer details + order review).
 #
 # Expected context:
 #   checkout - WC_Checkout object
 #
 # WooCommerce PHP equivalent: checkout/form-checkout.php
 #
 # @package WcBootstrap
 # @since 0.1.0
 #}

{{ do_action('woocommerce_before_checkout_form', checkout) }}

<form name="checkout" method="post" class="checkout woocommerce-checkout"
      action="{{ wc_get_checkout_url()|esc_url }}" enctype="multipart/form-data">

    <div class="row g-4">
        {# Customer details #}
        <div class="col-lg-7">
            {{ do_action('woocommerce_checkout_before_customer_details') }}

            <div id="customer_details">
                {{ do_action('woocommerce_checkout_billing') }}
                {{ do_action('woocommerce_checkout_shipping') }}
            </div>

            {{ do_action('woocommerce_checkout_after_customer_details') }}
        </div>

        {# Order review sidebar #}
        <div class="col-lg-5">
            <div class="position-sticky" style="top: 1rem;">
                {{ do_action('woocommerce_checkout_before_order_review_heading') }}

                <h3 class="h5 mb-3" id="order_review_heading">{{ __('Your order') }}</h3>

                {{ do_action('woocommerce_checkout_before_order_review') }}

                <div id="order_review" class="woocommerce-checkout-review-order">
                    {{ do_action('woocommerce_checkout_order_review') }}
                </div>

                {{ do_action('woocommerce_checkout_after_order_review') }}
            </div>
        </div>
    </div>
</form>

{{ do_action('woocommerce_after_checkout_form', checkout) }}