如何自动填充WooCommerce Checkout地址栏

时间:2018-06-18 04:47:13

标签: wordpress shipping

WooComerce新手在这里,
我知道必须有一个解决方案,我找不到它。
我希望当用户进入Checkout页面时,他们可以点击按钮或选择某个预定义地址的复选框,它会自动将地址填入发货地址框。

因此意味着用户点击并自动填写表格,123 Street,NY NY,11111

任何人都知道如何做到这一点?

谢谢!本!

1 个答案:

答案 0 :(得分:0)

好的,所以我解决了这个问题(有点)

  1. 购物车&结帐页面:因为我认为我不太了解WooCommerce,所以我改变了所以现在我有一个美国航运区,并且我有2种运输类型,免费运送和统一价格到其他任何地方

  2. 在Checkout页面上我设置了一个自定义Javascript,当您单击该按钮时,它会自动填充

  3. 中的地址

    在我的functions.php里面

    add_action( 'woocommerce_before_checkout_form', 'wnd_checkout_message', 10 );

    function wnd_checkout_message( ) {
        echo '<div class="wnd-checkout-message"><h3>Sending to X? Shipping is free!</h3><button onclick="changeShippingAddr();">Click here to ship</button></div><br />
         ';
    

    然后在我的实际Checkout页面上我有一个JavaScript:

    <script>
    function changeShippingAddr(){
    document.getElementById("shipping_first_name").value = document.getElementById("billing_first_name").value;
    document.getElementById("shipping_last_name").value = document.getElementById("billing_last_name").value;
    document.getElementById("shipping_company").value = "COMPANY";
    document.getElementById("shipping_country").value = "COUNTRY";
    jQuery('body').trigger('update_checkout');
    document.getElementById("shipping_state").value = "STATE";
    jQuery('body').trigger('update_checkout');
    document.getElementById("shipping_address_1").value = "ADDR";
    document.getElementById("shipping_city").value = "CITY";
    document.getElementById("shipping_postcode").value = "ZIP";
    jQuery('body').trigger('update_checkout');
    document.getElementById("select2-shipping_state-container").innerHTML= "State Name";
    }
    </script>
    

    其中基本上将名称从Billing设置为Shipping并插入默认地址,因此您无需输入。

    感谢所有的帮助!