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

问题描述

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

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

这里是我在第 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>

不幸的是，当他想修改昵称时，点击提交按钮，没有出现错误，但昵称没有更新。

谁能告诉我需要做哪些进一步的调整？我是不是在什么地方做错了什么？

解决方法

首先，不要使用您的自定义代码，而是使用以下代码将字段添加到 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,sanitize_text_field( $_POST['account_nick_name'] ) );
    }
}
add_action( 'woocommerce_save_account_details','action_woocommerce_save_account_details',1 );

account account custom-fields wordpress wordpress