使Woocommerce自定义结账字段不可编辑

Question

我在Woocommerce结账页面上添加了一个自定义字段，该字段由URL填充，但我很难找到一种方法使这个字段不可编辑。

我将下面的代码添加到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' );

我该在我的代码中做哪些改变才能实现这个目标？

- Louis Eloy

---

将“disabled”作为属性添加。 - Boian Ivanov

尝试使用 $checkout_fields['order']['_imei'] 这种方式，这样它就会从管理员处隐藏。 - Toni Michel Caubet

@BoianIvanov 我不太确定如何添加属性，也找不到一个好的文档来解释它。 - Louis Eloy

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'] ) );
    }
}

- Suraj Wasnik

Answer 2

你应该尝试使用带有readonly属性的<input>字段，意味着不可编辑。

你需要在结账网址中设置'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+上进行测试并可用。

To get the value (for a defined $order_id):

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

- LoicTheAztec