One-Page Checkout [Support Thread]

[njcyx]

I need some help to modify the display showing the billing address and shipping address. By OPC default, billing shows on the top and billing (if different than shipping) shows on the bottom. I want to display shipping on the top and billing on the bottom. We are selling physical products so we want the shipping address on the top. I did some tests, and I narrow down this function into following three php files:

\includes\templates\template_default\templates

tpl_checkout_one_default.php, tpl_modules_opc_billing_address.php and tpl_modules_opc_shipping_address.php

tpl_checkout_one_default.php file is very clear. It has two sections, one for billing and one for shipping. Just swap two sections.

The part I'm not sure is the location for the question "Shipping Address, Same as Billing". By default, this question is between the billing block and shipping block. After I changed the tpl_checkout_one_default.php, this question is above the "Billing/Shipping Address" section. I prefer to move it below this section instead, like the original OPC location, or the bottom of both address blocks.

I found the following code is located on the top of tpl_modules_opc_shipping_address.php and I suspected they are for this question. So I tried to move this section to the bottom of tpl_modules_opc_billing_address.php. It seems partially work. If I turn this question on/off for several times, or under some special patterns, the billing address block cannot be hidden anymore, unless I refreshed the whole page. So this display/hide function might use JavaScript, which I'm not familiar...

if ($is_virtual_order) {
    echo zen_draw_checkbox_field('shipping_billing', '1', false, 'id="shipping_billing" style="display: none;"');
} else {
    if (CHECKOUT_ONE_ENABLE_SHIPPING_BILLING == 'false') {
        echo zen_draw_checkbox_field('shipping_billing', '1', false, 'id="shipping_billing" style="display: none;"');
    } else {
?>
    <div id="checkoutOneShippingFlag" class="custom-control custom-checkbox" style="display: none;"><?php echo  zen_draw_checkbox_field('shipping_billing', '1', $shipping_billing, 'id="shipping_billing"');?>
      <label class="custom-control-label checkboxLabel" for="shipping_billing"><?php echo TEXT_USE_BILLING_FOR_SHIPPING; ?></label>
    </div>
<?php
    }
?>

Any help are appreciated.