Loại bỏ các trường không cần thiết từ trang checkout WooCommerce
Mở file functions.php trong child theme của bạn (nếu chưa có child theme, bạn nên tạo child theme để tránh mất thay đổi khi update theme). Thêm đoạn code sau để thay đổi giao diện và chức năng của trang checkout trong WooCommerce:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
//------ add_filter('woocommerce_checkout_fields', 'custom_modify_checkout_fields', 999999); function custom_modify_checkout_fields($fields) { // Xóa bỏ các trường không cần thiết $remove_fields = [ 'billing_last_name', 'billing_postcode', 'billing_city', 'billing_country', 'billing_state', 'billing_company', 'billing_address_1', 'billing_address_2' ]; foreach ($remove_fields as $field) { unset($fields['billing'][$field]); } unset($fields['shipping']['shipping_country']); // Tuỳ chỉnh nhãn và placeholder $fields['billing']['billing_first_name']['placeholder'] = 'Tên của bạn...'; $fields['billing']['billing_first_name']['label'] = 'Họ và Tên: '; $fields['billing']['billing_email']['placeholder'] = 'Nhập email...'; $fields['billing']['billing_email']['label'] = 'Email của bạn: '; $fields['billing']['billing_phone']['placeholder'] = 'Số điện thoại...'; $fields['billing']['billing_phone']['label'] = 'Phone: '; return $fields; } |
- Ẩn các trường không cần thiết trên trang checkout của WooCommerce (như mã bưu điện, quốc gia, thành phố, công ty, ghi chú đơn hàng, v.v.) giúp đơn giản hóa form thanh toán.
- Thay đổi placeholder của các trường thông tin để cung cấp hướng dẫn rõ ràng hơn cho người dùng khi nhập dữ liệu.
- Thay đổi nhãn của một số trường (như “Tên của quý khách” và “Địa chỉ nhận hàng”) để giao diện trang checkout thân thiện hơn và dễ hiểu hơn cho khách hàng.
- Cải thiện trải nghiệm người dùng bằng cách tùy chỉnh form thanh toán sao cho nó dễ sử dụng và phù hợp hơn với yêu cầu của cửa hàng.
Những thay đổi này chủ yếu nhằm mục đích tối ưu hóa trang checkout để người dùng dễ dàng hoàn thành quy trình mua sắm mà không bị rối mắt với các trường không cần thiết.
Quý khách cần tư vấn thiết kế web giá rẻ, vui lòng nhấn nút bên dưới:
Chào ! Bạn thấy nội dung này thế nào?
Xem thêm:
