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

Question

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

首先显示结算,然后如果选中复选框,则显示发货,如下图所示.

首先是结算地址

现在我需要更改它像发货地址显示我检查复选框它显示我的账单地址.见下图.

送货地址优先

我需要这个改变而不改变主题文件夹中的任何woocommerce文件意味着验证和jquery效果也是需要的.

可以任何一个PLZ帮助我做到吗？

提前谢谢

代码片段:这不是解决方案,所以plz不写这个,因为它改变了地方而不是功能和复选框.请看我发布的截图.

首先是结算地址

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

送货地址优先

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

仍然这个问题尚未解决,jquery不是很好的解决方案,因为checkout也可以作为ajax和验证运行.如果有任何人有良好的解决方案,那么提供其他可以从这里帮助.

Answer 1

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

脚步：

1）复制form-checkout.php并wp-content->plugins->woocommerce->templates->checkout粘贴到里面wp-content\themes\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>

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