主页 / 问题 / 1321559
Accepted
Dmitry
Asked:2022-08-26 19:18:45 +0000 UTC2022-08-26 19:18:45 +0000 UTC

根据 WooCommerce 中的填充字段更新运输方式

  • 772

在我的在线商店中，有两种标准送货方式统一费率和免费送货。我添加了一个按距离运送的插件。

因此，当客户在下订单时填写“城市”和“地址”字段时，应添加新的交付方式。但在您选择统一费率或免费送货之前，新的送货是不可见的。

据我了解，我没有根据填写的字段自动更新运输方式。

接下来，我使用了这段代码：

add_action('wp_footer', 'woocommerce_custom_update_checkout', 50);
function woocommerce_custom_update_checkout() {
    if (is_checkout()) {
    ?>
    <script type="text/javascript">
        jQuery( document ).ready(function( $ ) {            
            $('#billing_address_1').click(function(){
                jQuery('body').trigger('update_checkout', { update_shipping_method: true });
            });

        });
    </script>
    <?php
    }
}

但是，直到我第二次单击填写的字段，运输方式才更新。

是否可以将 AJAX 连接到此代码，以便立即看到结果，以免两次单击填充的字段？

php

2 个回答

  1. Best Answer

    您可以通过简单地向包装器添加一个类来尝试此选项，woocommerce 将通过该类跟踪字段中的更改

    add_filter( 'woocommerce_checkout_fields' , 'trigger_update_checkout_on_change' );

function trigger_update_checkout_on_change( $fields ) {
    $fields['billing']['billing_address_1']['class'][] = 'update_totals_on_change';

    return $fields;
}

    或将事件从 更改click为change

    add_action('wp_footer', 'woocommerce_custom_update_checkout', 50);
function woocommerce_custom_update_checkout() {
    if (is_checkout()) {
    ?>
    <script type="text/javascript">
        jQuery( document ).ready(function( $ ) {            
            $('#billing_address_1').change(function(){
                jQuery('body').trigger('update_checkout', { update_shipping_method: true });
            });

        });
    </script>
    <?php
    }
}
    • 2

  2. 您可以尝试将 click 替换为 .focusout

    • 0

相关问题