如何在 WooCommerce 我的帐户的编辑页面上添加自定义昵称字段

Question

我已经自定义了 myaccount/form-edit-account.php WooCommerce 模板文件。这样客户除了默认字段名、姓、显示名、电子邮件和密码。现在还可以选择 add/edit 他的昵称。

登录后，他可以在他的帐户页面上访问和编辑该信息。

这里是我在第 35 行的 myaccount/form-edit-account.php 中添加的代码（在姓氏和显示名称字段之间。

<p class="woocommerce-form-row woocommerce-form-row--last form-row form-row-wide">
    <label for="account_nickname"><?php esc_html_e( 'Téléphone (non modifiable. Si erreur contacer Laura au 07.66.89.85.05) ', 'woocommerce' ); ?>
    <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="account_nickname" id="account_nickname" autocomplete="family-name" value="<?php echo esc_attr( $user->nickname ); ?>" />
</p>
<div class="clear"></div>

很遗憾，当他想修改昵称，点击提交按钮，没有出现错误，但是昵称没有更新。

谁能告诉我需要进一步调整什么？我是不是哪里做错了什么？

Answer 1

首先，不要使用您的自定义代码，而是使用以下代码将字段添加到 myaccount/form-edit-account.php 模板文件（在第 35 行，或者如果需要，也可以在其他地方，但无论如何都在现有字段之间。

注意：可以通过将此模板复制到 yourtheme/woocommerce/myaccount/form-edit-account.php 来覆盖此模板。

<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
    <label for="account_nick_name"><?php esc_html_e( 'Nickname', 'woocommerce' ); ?>&nbsp;<span class="required">*</span></label>
    <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="account_nick_name" id="account_nick_name" value="<?php echo get_user_meta( get_current_user_id(), 'nickname', true ); ?>"/>
</p>
<div class="clear"></div>

现在您会看到该字段已添加，但代码已添加到 validate/save 字段的值，you must also add yourself。

因此，为了验证和保存，将以下代码添加到 functions.php（或您喜欢的添加代码片段的方式）

// Validate - my account
function action_woocommerce_save_account_details_errors( $args ){
    if ( isset( $_POST['account_nick_name'] ) && empty( $_POST['account_nick_name'] ) ) {
        $args->add( 'error', __( 'Please provide a nick name', 'woocommerce' ) );
    }
}
add_action( 'woocommerce_save_account_details_errors','action_woocommerce_save_account_details_errors', 10, 1 );

// Save - my account
function action_woocommerce_save_account_details( $user_id ) {  
    if( isset( $_POST['account_nick_name'] ) && ! empty( $_POST['account_nick_name'] ) ) {
        update_user_meta( $user_id, 'nickname', sanitize_text_field( $_POST['account_nick_name'] ) );
    }
}
add_action( 'woocommerce_save_account_details', 'action_woocommerce_save_account_details', 10, 1 );

如何在 WooCommerce 我的帐户的编辑页面上添加自定义昵称字段

How to add a custom nickname field on WooCommerce My Account's edit page

php

wordpress

woocommerce

custom-fields

account