[Woocommerce] Thêm tỉnh thành Việt Nam và tối ưu lại thông tin khách hàng [NEW]

Như các bài hướng dẫn trước, các bạn đã có dịp vào trang thanh toán của Woocommerce nhiều sẽ thấy phần nhập thông tin thanh toán có phần không phù hợp với Việt Nam. Cụ thể, ở Việt Nam không cần địa chỉ dòng 2, không cần mã bưu điện và phải có tỉnh của Việt Nam thay vì chọn bang.

Trong bài viết này, mình sẽ hướng dẫn các bạn cách thêm danh sách các tỉnh, thành phố của Việt Nam thay cho phần bang khi chọn quốc gia là Việt Nam, cách dịch từ State thành Province, dịch từ Province / city thành district và ẩn mã bưu điện đi tương ứng.

Cài đặt plugin Vietnam Woocommercy Currency

Tải xuống plugin

Đây là một plugin tôi đã làm cách đây 2 năm kể từ khi tôi viết bài này, nó sẽ có các chức năng sau:

  • Thêm danh sách các tỉnh ở Việt Nam vào phần Bang
  • Có thể sử dụng hình thức thanh toán qua PayPal với tiền Việt Nam vì nó sẽ tự động chuyển đổi sang USD theo tỷ giá mong muốn khi thanh toán qua PayPal.
  • Thêm đơn vị tiền tệ VND cho Woocommerce. Điều này không cần thiết nữa vì mặc định đã có sẵn Woocommerce.

Đó là tất cả. Trong tương lai, tôi sẽ bổ sung thêm nhiều tính năng hơn nữa.

Sau khi cài đặt, bạn sẽ cần đặt lại địa chỉ trong [textmarker color=”247BFF”]Woocommerce -> Cài đặt.[/textmarker]

[Woocommerce] Thêm tỉnh thành Việt Nam và tối ưu lại thông tin khách hàng [NEW]

Và nếu bạn cần đặt lại tỷ giá USD để tỷ giá này tự động chuyển đổi từ Việt Nam Đồng sang USD khi thanh toán PayPal, hãy thiết lập tỷ giá này trong menu Woocommerce VND.

Chỉnh sửa tên trường địa chỉ và xóa mã bưu điện

Đây là đoạn mã ngắn đổi tên phần Tiểu bang / QuậnThành phố trong Woocommerce để phù hợp với Việt Nam. Mặc dù bạn có thể thay đổi trong bảng dịch thông qua plugin Loco Translate nhưng tôi không khuyến khích vì nó sẽ bị mất khi bạn cập nhật bản dịch mới, vì vậy cách tốt nhất là sử dụng bộ lọc hook để đổi tên nó.

Vui lòng nhập Giao diện -> Chỉnh sửa và tìm tệp functions.php và thêm tệp này vào cuối tệp (thêm trước ?> nếu có nó ở cuối tệp).

/**
* Ẩn mã bưu chính
* Ẩn địa chỉ thứ hai
* Đổi tên Bang / Hạt thành Tỉnh / Thành
* Đổi tên Tỉnh / Thành phố thành Quận / Huyện
*
*
* @hook woocommerce_checkout_fields
* @param $fields
* @return mixed
*/
function tp_custom_checkout_fields( $fields ) {
// Ẩn mã bưu chính
unset( $fields[‘postcode’] );

// Ẩn địa chỉ thứ hai
unset( $fields[‘address_2’] );

// Đổi tên Bang / Hạt thành Tỉnh / Thành
$fields[‘state’][‘label’] = ‘Tỉnh / Thành’;

// Đổi tên Tỉnh / Thành phố thành Quận / Huyện
$fields[‘city’][‘label’] = ‘Quận / Huyện’;

return $fields;
}
add_filter( ‘woocommerce_default_address_fields’, ‘tp_custom_checkout_fields’ );

Sau đó, đi tới Giao diện -> Chỉnh sửa và tìm tệp style.css và thêm tệp này vào cuối:


#billing_city_field,#shipping_city_field {
float: none;
width: 100%;
}

Ở đây, nếu bạn biết mã, bạn nên xem hướng dẫn các trường thanh toán tùy chỉnh của WooThemes để hiểu thêm về cách sử dụng nó, rất dễ dàng.

Sau khi thêm, lưu và quay lại trang đặt hàng, kết quả sẽ như sau:

wc26-them-tinh-thanh-01

Nếu bạn có câu hỏi, bạn có thể lựa chọn Huyện giống Địa bàn tỉnh không cần nhập thủ công hay không, câu trả lời của tôi là có, nhưng tôi không có giải pháp tối ưu để làm cho phần đó tương thích với các plugin khác có các tính năng liên quan đến việc sử dụng Huyện Vì vậy, bây giờ, chỉ cần sử dụng nó theo cách thủ công.

Nếu bạn cần một plugin để giúp bạn quản lý và tùy chỉnh các trường thanh toán này, bạn có thể sử dụng Woocommerce Checkout Manager, nó sẽ giúp bạn ẩn hoặc thêm các trường tùy chỉnh. Phiên bản chuyên nghiệp có thể giúp bạn thêm các quận một cách dễ dàng.

Phần kết

Sau bước này, mình nghĩ bạn đã tùy chỉnh được kha khá trong Woocommerce rồi, và chắc chắn các cài đặt trong Woocommerce bạn cũng đã nắm được. Nếu trong bài viết bạn chưa rành về code mà gặp lỗi khi làm theo hãy gửi hỗ trợ về chuyên mục hoidap.thachpham.com để được trợ giúp nhanh nhất.

5/5 – (1 phiếu bầu)

Tiếp tục đọc trong bộ truyện