从客人的产品自定义输入字段设置 WooCommerce 计费邮政编码

Question

我正在尝试添加一个输入字段，允许客户（客人）在“添加到购物车”之前在产品页面上输入他们的邮政编码，然后在购物篮和结帐中设置/预填充邮政编码，而无需输入他们的详细信息或登录/创建帐户。

我看到一些资源说购物篮页面上的运费计算器预填充很复杂，但我不熟悉运费计算器的工作原理。这是真的吗？

基于Add a product note field in single product pages in Woocommerce答案代码，我已经成功地使用以下代码将邮政编码从产品页面传递到结帐页面，该代码允许客人将他们的邮政编码添加到产品页面，并且结帐正确显示正确显示运费的客人邮政编码：

// Add a custom product note after add to cart button in single product pages
add_action('woocommerce_after_add_to_cart_button', 'custom_field_delivery_postcode', 10 );
function custom_field_delivery_postcode() {

    woocommerce_form_field('postcode_note', array(
        'type' => 'text',
        'class' => array( 'my-field-class form-row-wide') ,
        'label' => __('Postcode') ,
        'placeholder' => __('Enter your service postcode...') ,
        'required' => true,
    ) , '');
}

// Add customer note to cart item data
add_filter( 'woocommerce_add_cart_item_data', 'add_delivery_postcode_to_cart_item_data', 20, 2 );
function add_delivery_postcode_to_cart_item_data( $cart_item_data, $product_id ){
    if( isset($_POST['postcode_note']) && ! empty($_POST['postcode_note']) ){
        $postcode_note = sanitize_textarea_field( $_POST['postcode_note'] );
        $cart_item_data['postcode_note'] = $postcode_note;
    }
    return $cart_item_data;
}

// If user not logged in, set the guest postcode, otherwise whow saved customer postcode
add_action('woocommerce_after_checkout_form','sab_guest_checkout_postcode');
function sab_guest_checkout_postcode(){

$isLoggedIn = is_user_logged_in();
if(false == $isLoggedIn){
?>
    <script type="text/javascript">
        jQuery(function($){
            $('#billing_postcode').val('<?php
                foreach( WC()->cart->get_cart() as $cart_item ){
                if( isset($cart_item['postcode_note']) )
                echo $cart_item['postcode_note'];
                } ?>'); //enter postcode here
        });
    </script>
<?php 
} 
}

虽然这适用于结帐页面，但是否有人知道如何使用购物车/篮子运输计算器来实现此功能？

Answer 1

您不需要任何 Javascript 代码，也不需要将该“送货邮政编码”设置为自定义购物车商品数据。只需使用以下简化的代码替换，这将允许客人从产品页面设置他们的“送货邮政编码”：

代码

// Add a custom product note after add to cart button in single product pages
add_action('woocommerce_after_add_to_cart_button', 'add_delivery_postcode_field', 10 );
function add_delivery_postcode_field() {
    if( is_user_logged_in() ) return; // Exit

    $postcode = WC()->customer->get_shipping_postcode();
    $postcode = empty($postcode) ? WC()->customer->get_billing_postcode() : $postcode;

    if ( empty($postcode) ) {
        echo '<div class="postcode-field" style="margin-top:12px;">';

        woocommerce_form_field('delivery_postcode', array(
            'type' => 'text',
            'class' => array( 'my-field-class form-row-wide') ,
            'label' => __('Postcode') ,
            'placeholder' => __('Enter your delivery postcode...') ,
            'required' => true,
        ) , '');

        echo '</div>';
    }
}

// Set submitted postcode
add_action( 'init', 'set_delivery_postcode' );
function set_delivery_postcode() {
    if( isset($_POST['delivery_postcode']) && ! empty($_POST['delivery_postcode']) ) {
        WC()->customer->set_billing_postcode( sanitize_text_field( $_POST['delivery_postcode'] ) );
        WC()->customer->set_shipping_postcode( sanitize_text_field( $_POST['delivery_postcode'] ) );
    }
}

代码位于活动子主题（或活动主题）的functions.php 文件中。经过测试并且可以工作。

注意：此“送货邮政编码”字段仅向客人显示。 “送货邮政编码”一旦提交一次，该字段将不再显示。