Cách thêm trường mẫu đăng ký WooCommerce – Để bắt đầu, đảm bảo biểu mẫu đăng ký WooCommerce được bật tại trang đăng nhập tài khoản. Để biết điều này, hãy truy cập WooCommerce> Cài đặt> Tài khoản, kiểm tra Kích hoạt đăng ký khách hàng tại trang My account.
Khi đã kích hoạt tùy chọn này, sẽ thấy biểu mẫu đăng ký WooCommerce ở lối vào.
Rõ ràng đây là hình thức WooCommerce khá khiêm tốn, tuy nhiên, ta được thêm nhiều trường hơn vào cấu trúc này nhờ sử dụng hành động sau. Hiện tại, để gồm trường bổ sung như tên, họ, số điện thoại, v.v., hãy gồm dòng mã sau vào cuối hàm.php, nằm ở thư mục giao diện bên bạn.
Giờ nếu bạn làm mới trang, bạn sẽ thấy trường được thêm vào biểu mẫu đăng ký WooCommerce.
Để liên kết trường mẫu đăng ký này với địa chỉ thanh toán, bạn phải bao gồm tiền tố hóa đơn thanh toán_biết trước tên trường. Tiếp đây là danh sách tất cả trường biểu mẫu WooCommerce hợp lệ được thêm vào biểu mẫu đăng ký, được liên kết với địa chỉ thanh toán.
- billing_first_name
- họ tên hóa đơn
- bill_company
- Billing_address_1
- Billing_address_2
- bill_city
- bill_postcode
- đất nước thanh toán
- bill_state
- thanh toán bằng thư điện tử
- hóa đơn điện thoại
Giờ chúng ta cũng cần xác nhận trường mẫu mới được thêm này. Để xác thực trường cấu trúc này, gồm dòng mã đi kèm cuối tệp tin.php. Nằm ở thư mục giao diện.
Nếu bạn thích mã hàm này, bạn sẽ hiểu nó chỉ đơn giản là kiểm tra mảng $ _POST cho giá trị biểu mẫu gồm thông báo lỗi nếu giá trị không có hoặc dữ liệu không hợp lệ.
Dọc theo dòng này, bạn cũng gồm được quy tắc xác thực khác nhau, bạn cũng thêm quy tắc xác thực vào trường khác nhau. Bạn thấy quy tắc xác thực tùy chỉnh từ chúng tôi đang được áp dụng:
Cuối cùng, cần lưu giá trị này vào cơ sở dữ liệu.
Để chèn giá trị ở cơ sở dữ liệu, hãy thêm chức năng sau vào tệp tin.php giao diện:
Chúng tôi được thực hiện ở đây! Bây giờ trường được thêm gần đây đã được thêm, xác nhận, chèn để sử dụng ở tương lai.
Tại trang địa chỉ thanh toán ở tài khoản bạn, bạn cần nhấp chỉnh sửa để đến đó. Bạn thấy giá trị từ biểu mẫu đăng ký đã được điền.
Xem thêm: Cách backup trang Website
WooCommerce Chỉnh sửa trang tài khoản của tôi – Một phương pháp thay thế
Nếu bạn muốn sử dụng phương pháp thay thế để đăng ký trường biểu mẫu WooCommerce, bạn sử dụng móc WooCommerce để chỉnh sửa trang tài khoản WooCommerce.
Đoạn mã sau minh họa quá trình:
Đây là kết quả đoạn trích sẽ như vậy:
Đoạn mã bắt đầu với WooCommerce_edit_my_account_page () được sử dụng ở phần sau đoạn trích. Hàm này trả về mảng nhiều chiều có chứa thông tin về trường (loại, nhãn, giữ chỗ, bắt buộc hoặc không) mà bạn đang thêm vào biểu mẫu.
Để đảm bảo giá trị trường được cập nhật thêm, mảng sẽ được xử lý thêm thông qua hàm WooCommerce_form_field ().
Ở nửa đoạn tiếp theo, tôi đã sử dụng hàm edit_my_account_page_WooCommerce () . Như bạn thấy biến $ field chứa mảng được tạo bởi hàm WooCommerce_edit_my_account_page () . Điều này được lặp qua sử dụng vòng lặp foreach ().
Thêm trường biểu mẫu WooCommerce cần thiết của bạn
Như bạn thấy đoạn trích được đề cập rất linh hoạt, bạn được thêm mọi loại trường nào bạn muốn bằng cách cung cấp giá trị cấu trúc trường thích hợp ở mảng $ field.
Đây là vài ví dụ:
Văn bản
Danh sách tùy chọn
Đây là cách tùy chọn này sẽ trông như thế nào ở mẫu:
Bạn lưu giá trị này tại hàm wooc_save_extra_register_fields (), được đề cập.
Phần kết luận
Hướng dẫn này đồng ý người dùng thêm trường biểu mẫu đăng ký WooCommerce bổ sung tại trang đăng ký là trang My account WooCommerce. Vì vậy, giờ bạn thêm được nhiều trường khác ngoài trường tên, họ, liên hệ..
Tôi hy vọng bạn tìm thấy bài viết hữu ích. Hãy cho tôi biết ở nhận xét nếu bạn có câu hỏi nào, tôi sẽ liên lạc lại với bạn!
