wc-bootstrap/templates/order/order-details-customer.html.twig

{#
 # Order Details Customer (Bootstrap 5 Override)
 #
 # Displays billing and shipping addresses for a completed order.
 # HPOS compatible: uses WC_Order methods only.
 #
 # Expected context:
 #   order - WC_Order object
 #
 # WooCommerce PHP equivalent: order/order-details-customer.php
 #
 # @package WcBootstrap
 # @since 0.1.0
 #}

{% set show_shipping = not wc_ship_to_billing_address_only() and order.needs_shipping_address() %}

<section class="woocommerce-customer-details mt-4">
    <div class="row g-4">
        <div class="{{ show_shipping ? 'col-md-6' : 'col-12' }}">
            <div class="card h-100">
                <div class="card-header">
                    <h3 class="h6 mb-0">{{ __('Billing address') }}</h3>
                </div>
                <div class="card-body">
                    <address class="mb-0">
                        {{ order.get_formatted_billing_address(__('N/A'))|wp_kses_post }}

                        {% if order.get_billing_phone() %}
                            <p class="woocommerce-customer-details--phone mt-2 mb-0">
                                <i class="bi bi-telephone me-1" aria-hidden="true"></i>
                                {{ order.get_billing_phone()|esc_html }}
                            </p>
                        {% endif %}

                        {% if order.get_billing_email() %}
                            <p class="woocommerce-customer-details--email mt-1 mb-0">
                                <i class="bi bi-envelope me-1" aria-hidden="true"></i>
                                {{ order.get_billing_email()|esc_html }}
                            </p>
                        {% endif %}

                        {{ do_action('woocommerce_order_details_after_customer_address', 'billing', order) }}
                    </address>
                </div>
            </div>
        </div>

        {% if show_shipping %}
            <div class="col-md-6">
                <div class="card h-100">
                    <div class="card-header">
                        <h3 class="h6 mb-0">{{ __('Shipping address') }}</h3>
                    </div>
                    <div class="card-body">
                        <address class="mb-0">
                            {{ order.get_formatted_shipping_address(__('N/A'))|wp_kses_post }}

                            {% if order.get_shipping_phone() %}
                                <p class="woocommerce-customer-details--phone mt-2 mb-0">
                                    <i class="bi bi-telephone me-1" aria-hidden="true"></i>
                                    {{ order.get_shipping_phone()|esc_html }}
                                </p>
                            {% endif %}

                            {{ do_action('woocommerce_order_details_after_customer_address', 'shipping', order) }}
                        </address>
                    </div>
                </div>
            </div>
        {% endif %}
    </div>

    {{ do_action('woocommerce_order_details_after_customer_details', order) }}
</section>