【问题标题】:How to autofill WooCommerce Checkout Address Box如何自动填充 WooCommerce 结帐地址框
【发布时间】:2018-06-18 04:47:13
【问题描述】:

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

这意味着用户点击它会自动填写 123 Street, NY NY, 11111

有人知道怎么做吗?

谢谢!本!

【问题讨论】:

  • WC 应该自动填充回头客以前使用过的地址。否则,如果客户是第一次来访者或客人,则不会有任何数据供系统自动填充。

标签: wordpress shipping


【解决方案1】:

好的,我解决了这个(有点)

  1. 在购物车和结帐页面上:因为我认为我对 WooCommerce 的了解不够,所以我改变了它,所以现在我有一个美国运输区,我有 2 种运输类型,免费送货和到其他任何地方的统一费率

  2. 在结帐页面上,我设置了一个自定义 Javascript,当您单击按钮时,它会自动填写地址

在我的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 />
     ';

然后在我的实际结帐页面上,我有一个 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 并插入一个默认地址,因此您无需输入它。

感谢所有的帮助!

【讨论】:

    猜你喜欢
    • 2019-08-24
    • 2014-10-30
    • 1970-01-01
    • 2011-05-02
    • 2022-06-14
    • 2016-01-10
    • 2023-03-21
    • 1970-01-01
    • 2018-03-30
    相关资源
    最近更新 更多