Thêm trường first name và last name vào trang account page woocommerce

18/10/2021 13:41 368

Trong quá trình custom trang account woocommerce nó chỉ có một trường email mà nhu cầu là cần trường họ tên nữa thì làm thế nào ngay sau đây là cách làm:

Table of Contents

1. Cho phép hiển thị mục đăng ký tại account page

Vào woocommerce->cài đặt->Tài khoản & Bảo mật: check chọn 2 mục

Cho phép khách hàng tạo tài khoản trong khi thanh toán
Cho phép khách hàng tạo tài khoản tại trang “Tài khoản của tôi”

2. Code để thêm họ tên

Lưu ý code dùng trong object

add_action( 'woocommerce_register_form_start', array($this,'add_name_woo_account_registration') );
add_filter( 'woocommerce_registration_errors', array($this,'validate_name_fields'), 10, 3 );
add_action( 'woocommerce_created_customer',  array($this,'save_name_fields') );
function add_name_woo_account_registration() {
?>

<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>

<div class="clear"></div>

<?php
}

function validate_name_fields( $errors, $username, $email ) {
if ( isset( $_POST['billing_first_name'] ) && empty( $_POST['billing_first_name'] ) ) {
    $errors->add( 'billing_first_name_error', __( '<strong>Error</strong>: First name is required!', 'woocommerce' ) );
}
if ( isset( $_POST['billing_last_name'] ) && empty( $_POST['billing_last_name'] ) ) {
    $errors->add( 'billing_last_name_error', __( '<strong>Error</strong>: Last name is required!.', 'woocommerce' ) );
}
return $errors;
}



function save_name_fields( $customer_id ) {
if ( isset( $_POST['billing_first_name'] ) ) {
    update_user_meta( $customer_id, 'billing_first_name', sanitize_text_field( $_POST['billing_first_name'] ) );
    update_user_meta( $customer_id, 'first_name', sanitize_text_field($_POST['billing_first_name']) );
}
if ( isset( $_POST['billing_last_name'] ) ) {
    update_user_meta( $customer_id, 'billing_last_name', sanitize_text_field( $_POST['billing_last_name'] ) );
    update_user_meta( $customer_id, 'last_name', sanitize_text_field($_POST['billing_last_name']) );
}

}

add_action( 'woocommerce_register_form_start', array($this,'add_name_woo_account_registration') );

add_filter( 'woocommerce_registration_errors', array($this,'validate_name_fields'), 10, 3 );

add_action( 'woocommerce_created_customer', array($this,'save_name_fields') );

function add_name_woo_account_registration() {

</p>

</p>

<?php

}

function validate_name_fields( $errors, $username, $email ) {

if ( isset( $_POST['billing_first_name'] ) && empty( $_POST['billing_first_name'] ) ) {

$errors->add( 'billing_first_name_error', __( '<strong>Error</strong>: First name is required!', 'woocommerce' ) );

}

if ( isset( $_POST['billing_last_name'] ) && empty( $_POST['billing_last_name'] ) ) {

$errors->add( 'billing_last_name_error', __( '<strong>Error</strong>: Last name is required!.', 'woocommerce' ) );

}

return $errors;

}

function save_name_fields( $customer_id ) {

if ( isset( $_POST['billing_first_name'] ) ) {

update_user_meta( $customer_id, 'billing_first_name', sanitize_text_field( $_POST['billing_first_name'] ) );

update_user_meta( $customer_id, 'first_name', sanitize_text_field($_POST['billing_first_name']) );

}

if ( isset( $_POST['billing_last_name'] ) ) {

update_user_meta( $customer_id, 'billing_last_name', sanitize_text_field( $_POST['billing_last_name'] ) );

update_user_meta( $customer_id, 'last_name', sanitize_text_field($_POST['billing_last_name']) );

}

5/5 (1 Đánh giá)

Các bài viết khác có thể hữu ích với bạn

Gửi Phản Hồi

0 Bình Luận

có thể bạn cần xem:

Cách làm sản phẩm đã xem woocommerce [ 25/06/2022 09:31 ]
Thêm “Liên hệ” vào price woocommerce khi không nhập giá cũng như hết hàng [ 09/05/2022 03:38 ]
Tạo bộ lọc sản phẩm woocommerce theo meta key [ 23/04/2022 04:28 ]
Bắt sự kiện add to cart để update giỏ hàng minicart [ 18/10/2021 13:49 ]
Cách sử dụng wc_get_products [ 14/10/2021 13:51 ]
Thêm custom field vào general tab woocommerce [ 06/10/2021 02:42 ]
Fix user_login from example: nguyen tan tung to nguyentantung for woocommerce [ 07/09/2021 16:19 ]
Add custom fields to product variations woocommerce [ 06/09/2021 15:11 ]
Get product variation id by attribute id [ 04/09/2021 13:56 ]
Một số code xử lý liên quan đến coupon woocommerce [ 26/06/2021 04:42 ]

Thêm trường first name và last name vào trang account page woocommerce

1. Cho phép hiển thị mục đăng ký tại account page

2. Code để thêm họ tên

có thể bạn cần xem:

Đăng ký nhận bài viết mới

Hướng dẫn thiết kế theme

Thiết kế theme wordpress phần 8

Thiết kế theme wordpress phần 7

Thiết kế theme wordpress phần 6

Thiết kế theme wordpress phần 5

Thiết kế theme wordpress-phần 4

Các functions thường dùng

Function xử lý upload to media wordpress

Function get ip address

Thay thế file_get_contents

Code tích hợp acf vào theme và plugin

Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress)