Блог

Я добавил пользовательские / дополнительные данные пользователя в регистрационную форму woocommerce (изображение прилагается — https://i.ibb.co/m5rG84C/stack1.png ).

Чтобы добавить новые элементы формы, я использовал крючок действия woocommerce_register_form

 add_action( 'woocommerce_register_form', 'Add_extra_register_fields' );
 

Чтобы сохранить данные, я использовал крючок действия woocommerce_created_customer.

Все вышеперечисленное работает нормально. Я добавил это через дочернюю тему.

Теперь я пытаюсь показать эти пользовательские поля на странице сведений об учетной записи в области входа пользователя в Woocommerce. (изображение прилагается — https://i.ibb.co/pZt4BBk/stack2.png ) Но я не в состоянии этого сделать. Может кто-нибудь, пожалуйста, посоветуйте мне это.

Спасибо

Обновление — Код для моих дополнительных полей выглядит следующим образом —

     function My_extra_register_fields() {?>
   <br><hr>

   <p class="form-row form-row-wide">
    <label for="reg_password_again"><?php _e( 'Please Confirm Password', 'woocommerce' ); ?><span class="required">*</span></label>
    <input type="text" class="input-text" name="user_password_again" id="reg_password_again" />
    </p>

    <p class="form-row form-row-first">
    <label for="reg_billing_first_name"><?php _e( 'First name', 'woocommerce' ); ?><span class="required">*</span></label>
    <input type="text" class="input-text" name="billing_first_name" id="reg_billing_first_name" value="<?php if ( ! empty( $_POST['billing_first_name'] ) ) esc_attr_e( $_POST['billing_first_name'] ); ?>" />
    </p>
    <p class="form-row form-row-last">
    <label for="reg_billing_last_name"><?php _e( 'Last name', 'woocommerce' ); ?><span class="required">*</span></label>
    <input type="text" class="input-text" name="billing_last_name" id="reg_billing_last_name" value="<?php if ( ! empty( $_POST['billing_last_name'] ) ) esc_attr_e( $_POST['billing_last_name'] ); ?>" />
    </p>
    <p class="form-row form-row-wide">
    <label for="reg_dob"><?php _e( 'Date of Birth', 'woocommerce' ); ?><span class="required">*</span></label>
    <input type="text" class="input-text" name="reg_customer_dob" id="reg_customer_dob"  />
    </p>
    
    <p class="form-row form-row-wide">
    <label for="reg_billing_email_cnfrm"><?php _e( 'Please Confirm Email Address ', 'woocommerce' ); ?><span class="required">*</span></label>
    <input type="text" class="input-text" name="billing_email_cnfrm" id="reg_billing_email_cnfrm"  />
    </p>
    <p class="form-row form-row-wide">
    <label for="reg_billing_phone"><?php _e( 'Mobile', 'woocommerce' ); ?><span class="required">*</span></label>
    <input type="text" class="input-text" name="billing_phone" id="reg_billing_phone"  />
    </p>

    <p class="form-row form-row-wide">
    
    <input type="checkbox" name="reg_mkt_email" id=""  />Check 1
    </p>

    <p class="form-row form-row-wide">
    
    <input type="checkbox" name="reg_mkt_number" id=""  />Check 2 
    </p>



    <div class="clear"></div>
    <?php
}
add_action( 'woocommerce_register_form', 'My_extra_register_fields' );
 

код для сохранения дополнительных полей.

     function ___save_extra_register_fields( $customer_id ) {
         if ( isset( $_POST['reg_customer_dob'] ) ) {
            // Phone input filed which is used in WooCommerce
            update_user_meta( $customer_id, 'customer_dob', sanitize_text_field( $_POST['reg_customer_dob'] ) );
           }
    // ............. like this for all ......
    }
add_action( 'woocommerce_created_customer', '___save_extra_register_fields' );
 

Есть два способа сделать это.

Во-первых, проверьте это Как переопределить файлы шаблонов WooCommerce?

Вы должны переопределить form-edit-account.php досье.

 `wp-content/pluings/woocommerce/templates/myaccount/form-edit-account.php`
 

Скопируйте файл по этому пути.

 `wp-content/pluings/woocommerce/templates/myaccount/form-edit-account.php`
 

и загрузите этот путь.

 `wp-content/themes/your-active-theme-name/woocommerce/myaccount/form-edit-account.php`
 

Теперь вы можете редактировать этот файл и добавлять свои пользовательские поля.

 You can get the `$user` object to this file. and based on that you can get user meta.
 

Во-вторых, вы можете использовать woocommerce_edit_account_form_start or woocommerce_edit_account_form hook для добавления своих полей. проверьте приведенный ниже код.

 add_action( 'woocommerce_edit_account_form_start', 'add_my_custom_fileds_to_user_accound_detail_page', 10, 1 );
function add_my_custom_fileds_to_user_accound_detail_page(){
    $user = wp_get_current_user();
    ?>
    <p class="woocommerce-form-row woocommerce-form-row--first form-row form-row-first">
        <label for="my_custom_field"><?php esc_html_e( 'My Custom field', 'woocommerce' ); ?>amp;nbsp;<span class="required">*</span></label>
        <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="my_custom_field" id="my_custom_field" autocomplete="given-name" value="" />
    </p>
    <p class="woocommerce-form-row woocommerce-form-row--last form-row form-row-last">
        <label for="my_custom_field2"><?php esc_html_e( 'My Custom field 2', 'woocommerce' ); ?>amp;nbsp;<span class="required">*</span></label>
        <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="my_custom_field2" id="my_custom_field2" autocomplete="given-name" value="" />
    </p>
    <?php
}
 

Протестировано и работает

Согласно запросу OP

вы можете получить пользовательские данные с помощью get_user_meta();

 add_action( 'woocommerce_edit_account_form_start', 'add_my_custom_fileds_to_user_accound_detail_page', 10, 1 );
function add_my_custom_fileds_to_user_accound_detail_page(){
    $user = wp_get_current_user();
    ?>
    <p class="form-row form-row-wide">
        <label for="reg_dob"><?php _e( 'Date of Birth', 'woocommerce' ); ?><span class="required">*</span></label>
        <input type="text" class="input-text" name="reg_customer_dob" id="reg_customer_dob" value="<?php echo echo get_user_meta( $user->ID, 'customer_dob', true ); ?>" />
    </p>
    <?php
}