jquery - Woocommerce 结帐页面首先显示送货地址，然后显示帐单地址？

Question

在 Woocommerce 的结帐页面中，我需要更改地址功能意味着首先我需要送货地址字段，然后是帐单地址字段。

如果选中复选框，则首先显示帐单，然后显示运费，如下图所示。

Billing address first

现在我需要更改它，例如当我选中复选框时首先显示送货地址，它会显示帐单地址。见下图。

Shipping address first

我需要此更改而不更改任何 woocommerce 文件，这意味着在主题文件夹中还需要验证和 jquery 效果。

谁能帮我做一下吗？

提前致谢

代码片段:这不是解决方案，因此请不要编写此代码，因为它改变了位置而不是功能和复选框。请查看我发布的屏幕截图。

Billing address first

<?php do_action( 'woocommerce_checkout_billing' ); ?>
<?php do_action( 'woocommerce_checkout_shipping' ); ?>

Shipping address first

<?php do_action( 'woocommerce_checkout_shipping' ); ?>
<?php do_action( 'woocommerce_checkout_billing' ); ?>

这个问题仍然没有解决，jquery 并不是一个很好的解决方案，因为结账也作为 ajax 运行，并且还进行验证。如果有人有好的解决方案，请提供，以便其他人可以从这里提供帮助。

Answer 1

如果您使用子主题，那么可以轻松完成。

步骤:

1) 从 wp-content->plugins->woocommerce->templates->checkout 复制 form-checkout.php 并将其粘贴到 wp-内容\主题\your_theme\woocommerce\myaccount。

2)更改此

<div class="col2-set" id="customer_details">
     <div class="col-1">
          <?php do_action( 'woocommerce_checkout_billing' ); ?>
     </div>

      <div class="col-2">
           <?php do_action( 'woocommerce_checkout_shipping' ); ?>
       </div>
</div>

至

<div class="col2-set" id="customer_details">
     <div class="col-1">
          <?php do_action( 'woocommerce_checkout_shipping' ); ?>    
     </div>

      <div class="col-2">
           <?php do_action( 'woocommerce_checkout_billing' ); ?>               
       </div>
</div>

注意:此解决方案仅适用于子主题。