使 Woocommerce 自定义结帐字段不可编辑答案

【问题标题】：Make Woocommerce custom checkout field not editable使 Woocommerce 自定义结帐字段不可编辑
【发布时间】：2018-02-22 00:32:36
【问题描述】：

我在 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' );

我应该在我的代码中进行哪些更改来完成此操作？

【问题讨论】：

将disabled 添加为属性。
试试$checkout_fields['order']['_imei'] 这样它将对管理员隐藏
@BoianIvanov 我不太确定如何添加属性，似乎找不到很好的文档来解释它。

标签： php wordpress woocommerce field checkout

【解决方案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'] ) );
    }
}

【讨论】：

【解决方案2】：

您应该尝试使用带有readonly 属性的文本<imput> 字段（意味着不可编辑）。

您应该需要在结帐 url 中设置您的“emei”，例如：
http://www.example.com/checkout/?imei=3545454653 以使该字段显示为值，因为我有这个条件：if( empty($_GET['imei'])) return;set 在函数中。

代码：

// 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 );

【讨论】：