Bạn có thể điều chỉnh cách thể hiện tiền tệ nước ngoài cho phù hợp với nhu cầu và sở thích của mình bằng cách tùy chỉnh định dạng hiển thị tiền tệ trong tích hợp JavaScript của bạn.
symbol (mặc định) - Hiển thị ký hiệu tiền tệ được bản địa hóa, ví dụ €123.
code - Sử dụng mã tiền tệ ISO, ví dụ 123 USD.
name - Hiển thị tên tiền tệ được bản địa hóa, ví dụ 123 dollars.
Bạn có thể ghi đè định dạng hiển thị tiền tệ bằng cách sử dụng thuộc tính overrideCurrencyFormat trong phương thức Zonos.init. Thuộc tính này chấp nhận một trong các định dạng hiển thị tiền tệ được liệt kê ở trên. Ghi đè định dạng hiển thị tiền tệ áp dụng cho cả Hello và Zonos Checkout.
Trong những trường hợp khi chỉ ghi đè định dạng hiển thị tiền tệ không đủ cho nhu cầu của trang web, bạn có thể sử dụng trình chuyển đổi tiền tệ tùy chỉnh để xử lý chuyển đổi và định dạng các số tiền ngoại tệ. Cách tiếp cận này cho phép bạn kiểm soát hoàn toàn cách hiển thị số tiền trên trang web của mình.
Để sử dụng trình chuyển đổi tiền tệ tùy chỉnh, bạn cần triển khai hàm currencyConverter trong phương thức Zonos.init. Hàm này phải chấp nhận các tham số sau:
convertAndFormat - Một hàm chuyển đổi và định dạng số tiền.
originalAmount - Số tiền gốc.
selector - Bộ chọn của phần tử chứa số tiền.
Khi có, hàm currencyConverter sẽ lặp qua tất cả các bộ chọn giá phù hợp trên trang web của bạn và áp dụng logic chuyển đổi tiền tệ tùy chỉnh cho mỗi cái.
Một trường hợp sử dụng phổ biến để sử dụng hàm trình chuyển đổi tiền tệ tùy chỉnh là khi bạn có giá được hiển thị trong menu thả xuống hoặc các phần tử HTML phức tạp khác. Ví dụ, nếu bạn có menu thả xuống với giá được hiển thị bên cạnh mỗi tùy chọn, như:
1
2
3 Blue - $1.99
4
5
6
7 Red - $2.00
8
9
10
11 Yellow - $3.59
12
13
Trong những trường hợp như thế này, bạn không thể chỉ chọn giá trực tiếp vì có văn bản bổ sung bên cạnh nó. Bằng cách sử dụng trình chuyển đổi tiền tệ tùy chỉnh, bạn có thể trích xuất giá từ phần tử và áp dụng logic chuyển đổi tiền tệ cho nó.
Tùy chỉnh hiển thị tiền tệ
Tùy chỉnh hiển thị tiền tệ
Ghi đè cách Hello hiển thị số tiền ngoại tệ.Bạn có thể điều chỉnh cách thể hiện tiền tệ nước ngoài cho phù hợp với nhu cầu và sở thích của mình bằng cách tùy chỉnh định dạng hiển thị tiền tệ trong tích hợp JavaScript của bạn.
Định dạng hiển thị tiền tệ
Hello hỗ trợ các định dạng hiển thị tiền tệ sau:
symbol(mặc định) - Hiển thị ký hiệu tiền tệ được bản địa hóa, ví dụ€123.code- Sử dụng mã tiền tệ ISO, ví dụ123 USD.name- Hiển thị tên tiền tệ được bản địa hóa, ví dụ123 dollars.Bạn có thể ghi đè định dạng hiển thị tiền tệ bằng cách sử dụng thuộc tính
overrideCurrencyFormattrong phương thứcZonos.init. Thuộc tính này chấp nhận một trong các định dạng hiển thị tiền tệ được liệt kê ở trên. Ghi đè định dạng hiển thị tiền tệ áp dụng cho cả Hello và Zonos Checkout.Zonos.init({overrideCurrencyFormat: 'code',});Sử dụng trình chuyển đổi tiền tệ tùy chỉnh
Trong những trường hợp khi chỉ ghi đè định dạng hiển thị tiền tệ không đủ cho nhu cầu của trang web, bạn có thể sử dụng trình chuyển đổi tiền tệ tùy chỉnh để xử lý chuyển đổi và định dạng các số tiền ngoại tệ. Cách tiếp cận này cho phép bạn kiểm soát hoàn toàn cách hiển thị số tiền trên trang web của mình.
Để sử dụng trình chuyển đổi tiền tệ tùy chỉnh, bạn cần triển khai hàm
currencyConvertertrong phương thứcZonos.init. Hàm này phải chấp nhận các tham số sau:convertAndFormat- Một hàm chuyển đổi và định dạng số tiền.originalAmount- Số tiền gốc.selector- Bộ chọn của phần tử chứa số tiền.Khi có, hàm
currencyConvertersẽ lặp qua tất cả các bộ chọn giá phù hợp trên trang web của bạn và áp dụng logic chuyển đổi tiền tệ tùy chỉnh cho mỗi cái.Một trường hợp sử dụng phổ biến để sử dụng hàm trình chuyển đổi tiền tệ tùy chỉnh là khi bạn có giá được hiển thị trong menu thả xuống hoặc các phần tử HTML phức tạp khác. Ví dụ, nếu bạn có menu thả xuống với giá được hiển thị bên cạnh mỗi tùy chọn, như:
Blue - $1.99Red - $2.00Yellow - $3.59Trong những trường hợp như thế này, bạn không thể chỉ chọn giá trực tiếp vì có văn bản bổ sung bên cạnh nó. Bằng cách sử dụng trình chuyển đổi tiền tệ tùy chỉnh, bạn có thể trích xuất giá từ phần tử và áp dụng logic chuyển đổi tiền tệ cho nó.
window.Zonos.init({currencyConverter: ({ convertAndFormat, originalAmount, selector }) => {const optionValue = selector.getAttribute('data-select-option');if (optionValue) {return `${optionValue} - ${convertAndFormat(originalAmount)}`;}return convertAndFormat(originalAmount);},});Trang này có hữu ích không?