使Woocommerce自定義結帳字段不可編輯

Question

我在woocommerce結帳頁面上添加了一個自定義字段，該頁面由URL填充，但我很難找到一種方法使該field不可編輯。

我在function.php中添加了以下代碼：

//Add custom field
function custom_woocommerce_checkout_fields( $checkout_fields = array() ) {

    $checkout_fields['order']['imei'] = array(
        'type'          => 'text',
        'class'         => array('my-field-class form-row-wide'),
        'label'         => __('IMEI'),
        'placeholder'   => __('imei'),
        'default' => $_GET['imei'],            
    );

    return $checkout_fields;
}
add_filter( 'woocommerce_checkout_fields', 'custom_woocommerce_checkout_fields' );

為了實現這一目標，我應該在代碼中更改什么？

Answer 1

試試這個代碼。 它對我有用。 只需要在fields數組中添加自定義屬性參數即可。

//Display custom field
function custom_woocommerce_checkout_fields( $checkout_fields = array() ) {

$checkout_fields['order']['imei'] = array(
    'type'          => 'text',
    'class'         => array('my-field-class form-row-wide'),
    'label'         => __('IMEI'),
    'placeholder'   => __('imei'),
    'default' => $_GET['imei'],   
    'custom_attributes' => array( 'disabled' => true)
);

return $checkout_fields;
}

add_filter( 'woocommerce_checkout_fields', 'custom_woocommerce_checkout_fields' );

// Save custom field
add_action( 'woocommerce_checkout_update_order_meta', 'custom_checkout_field_update_order_meta' );
function custom_checkout_field_update_order_meta( $order_id ) {
    if ( ! empty( $_POST['imei'] ) ) {
        update_post_meta( $order_id, '_imei', sanitize_text_field( $_POST['imei'] ) );
    }
}

Answer 2

您應該使用readonly屬性（意思是不可編輯）嘗試此文本<imput>字段。

您應該在結帳網址中設置'emei'，例如：
http://www.example.com/checkout/?imei=3545454653使字段顯示值，因為我有這個條件： if( empty($_GET['imei'])) return; 在函數中設置。

代碼：

// Display
add_action( 'woocommerce_after_order_notes', 'custom_woocommerce_checkout_fields' );
function custom_woocommerce_checkout_fields( $checkout ) {
    // Only display field if the 'emei' is set in the checkout url
    if( empty($_GET['imei'])) return;

    echo '<p class="form-row my-field-class form-row-wide woocommerce-validated" id="imei_field">
        <label for="imei" class="">'.__('IMEI').'</label>
        <input type="text" class="input-text " name="imei" id="imei" placeholder="'.__('IMEI').'" value="'.$_GET['imei'].'" readonly>
    </p>';
}

// Save 
add_action( 'woocommerce_checkout_update_order_meta', 'custom_checkout_field_update_order_meta' );
function custom_checkout_field_update_order_meta( $order_id ) {
    if ( ! empty( $_POST['imei'] ) ) {
        update_post_meta( $order_id, '_imei', sanitize_text_field( $_POST['imei'] ) );
    }
}

代碼放在活動子主題（或主題）的function.php文件中，或者放在任何插件文件中。

測試並使用WooCommerce版本3+

要獲取值（對於已定義的$order_id ） ：

 $imei = get_post_meta( $order_id, '_imei', true );