如何在 WooCommerce“我的帐户”页面上对自定义字段重新排序或添加优先级

Question

我在“我的帐户”页面中有多个字段，因此，我想为出生日期添加其他字段。

我正在使用“将生日字段添加到我的帐户和管理员用户页面”的一部分

该字段显示但位于底部。

我想在 2 个现有字段之后添加 DOB 字段，我尝试使用“优先级 => 20”，但它不起作用。

// Add field - my account
function action_woocommerce_edit_account_form() {   
    woocommerce_form_field( 'birthday_field', array(
        'type'        => 'date',
        'label'       => __( 'My Birth Date', 'woocommerce' ),
        'placeholder' => __( 'Date of Birth', 'woocommerce' ),
        'required'    => true,
    ), get_user_meta( get_current_user_id(), 'birthday_field', true ));
}
add_action( 'woocommerce_edit_account_form', 'action_woocommerce_edit_account_form' );


// Validate - my account
function action_woocommerce_save_account_details_errors( $args ){
    if ( isset($_POST['birthday_field']) && empty($_POST['birthday_field']) ) {
        $args->add( 'error', __( 'Please provide a birth date', '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['birthday_field']) && ! empty($_POST['birthday_field']) ) {
        update_user_meta( $user_id, 'birthday_field', sanitize_text_field($_POST['birthday_field']) );
    }
}
add_action( 'woocommerce_save_account_details', 'action_woocommerce_save_account_details', 10, 1 );

Answer 1

从myaccount/form-edit-account.php模板文件中可以看出，woocommerce_edit_account_form添加现有字段后将执行操作挂钩。

因此，如果您想在现有字段之间添加字段，则必须编辑模板文件

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

1. 您必须删除当前使用的代码

2. myaccount/form-edit-account.php在模板文件中的 2 个现有字段之间（在要添加新字段的位置）添加此代码

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

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

// Validate - my account
function action_woocommerce_save_account_details_errors( $args ){
    if ( isset( $_POST['account_birthday'] ) && empty( $_POST['account_birthday'] ) ) {
        $args->add( 'error', __( 'Please provide a birth date', '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_birthday'] ) && ! empty( $_POST['account_birthday'] ) ) {
        update_user_meta( $user_id, 'account_birthday', sanitize_text_field( $_POST['account_birthday'] ) );
    }
}
add_action( 'woocommerce_save_account_details', 'action_woocommerce_save_account_details', 10, 1 );