根据发货国家/地区在 WooCommerce 结帐中显示自定义消息

Question

我目前正在使用下面的代码来显示基于国家/地区的自定义消息：

add_action( 'woocommerce_before_checkout_billing_form', 'display_shipping_notice' );
function display_shipping_notice() {
    echo '<div class="shipping-notice woocommerce-info"  style="display:none">Please allow 5-10 business days for delivery after order processing.</div>';
}
  
add_action( 'woocommerce_after_checkout_form', 'show_shipping_notice_js' );
function show_shipping_notice_js(){
    ?>
    <script>
        jQuery(document).ready(function($){
            // Set the country code (That will display the message)
            var countryCode = 'GB';
  
            $('select#billing_country').change(function(){
                selectedCountry = $('select#billing_country').val();
                  
                if( selectedCountry == countryCode ){
                    $('.shipping-notice').show();
                }
                else {
                    $('.shipping-notice').hide();
                }
            });
        });
    </script>
    <?php 
}

此代码的问题在于，仅当更改或选择国家/地区时，它才会显示消息。但是，大多数客户已经预先填写了自己的国家/地区，因此自定义消息不会显示。

我正在尝试找到一种方法来更改代码，以便在选择正确的国家/地区时始终显示该消息。

Answer 1

我重新访问了你的代码，更改：

• 成功消息（蓝色）到通知消息（绿色），
• 加载 DOM 时处理加载的国家/地区的 JQuery 代码。

但请注意，您的 jQuery 代码正在处理帐单国家/地区 （请参阅末尾的发货国家/地区）。

尝试以下方法：

add_action( 'woocommerce_checkout_before_customer_details', 'display_shipping_notice' );
function display_shipping_notice() {
    echo '<div class="shipping-notice woocommerce-message" role="alert" style="display:none">Please allow 5-10 business days for delivery after order processing.</div>';
}

add_action( 'woocommerce_after_checkout_form', 'show_shipping_notice_js' );
function show_shipping_notice_js(){
    ?>
    <script>
        jQuery(function($){
            var countryCode  = 'GB', // Set the country code (That will display the message)
                countryField = 'select#billing_country'; // The Field selector to target
            
            function showHideShippingNotice( countryCode, countryField ){
                if( $(countryField).val() === countryCode ){
                    $('.shipping-notice').show();
                }
                else {
                    $('.shipping-notice').hide();
                }
            }

            // On Ready (after DOM is loaded)
            showHideShippingNotice( countryCode, countryField );

            // On billing country change (Live event)
            $('form.checkout').on('change', countryField, function() {
                showHideShippingNotice( countryCode, countryField );
            });
        });
    </script>
    <?php
}

代码位于活动子主题（或活动主题）的functions.php 文件中。 已测试并有效。

---

注意：如果您想处理运送国家/地区而不是帐单国家/地区，请替换：

                countryField = 'select#billing_country'; // The Field selector to target

这样：

                countryField = 'select#shipping_country'; // The Field selector to target

现在它将处理运输国家/地区。

Answer 2

是否可以对此进行更改，以便在选择默认国家/地区以外的任何其他国家/地区时显示该消息？

即国际运输。