Ganti cara Hello menampilkan jumlah mata uang asing.
Anda dapat menyesuaikan presentasi mata uang asing agar sesuai dengan kebutuhan dan preferensi Anda dengan menyesuaikan format tampilan mata uang dalam integrasi JavaScript Anda.
Hello mendukung format tampilan mata uang berikut:
symbol (default) - Tampilkan simbol mata uang lokal, misalnya, €123.
code - Gunakan kode mata uang ISO, misalnya, 123 USD.
name - Tampilkan nama mata uang lokal, misalnya, 123 dollars.
Anda dapat mengganti format tampilan mata uang dengan menggunakan properti overrideCurrencyFormat dalam metode Zonos.init. Properti ini menerima salah satu format tampilan mata uang yang terdaftar di atas. Mengganti format tampilan mata uang berlaku untuk Hello dan Zonos Checkout.
Untuk kasus di mana hanya mengganti format tampilan mata uang tidak cukup untuk kebutuhan situs Anda, Anda dapat menggunakan konverter mata uang kustom untuk menangani konversi dan pemformatan jumlah mata uang asing. Pendekatan ini memungkinkan Anda untuk memiliki kontrol penuh atas cara jumlah mata uang ditampilkan di situs Anda.
Untuk menggunakan konverter mata uang kustom, Anda perlu menerapkan fungsi currencyConverter dalam metode Zonos.init. Fungsi ini harus menerima parameter berikut:
convertAndFormat - Fungsi yang mengonversi dan memformat jumlah mata uang.
originalAmount - Jumlah mata uang asli.
selector - Pemilih elemen yang berisi jumlah mata uang.
Ketika ada, fungsi currencyConverter akan melakukan loop pada semua pemilih harga yang cocok di situs Anda dan menerapkan logika konversi mata uang kustom ke masing-masing.
Salah satu use case umum untuk menggunakan fungsi konverter mata uang kustom adalah ketika Anda memiliki harga yang ditampilkan dalam menu dropdown atau elemen HTML kompleks lainnya. Misalnya, jika Anda memiliki menu dropdown dengan harga yang ditampilkan di sebelah setiap opsi, seperti:
1
2
3 Blue - $1.99
4
5
6
7 Red - $2.00
8
9
10
11 Yellow - $3.59
12
13
Dalam kasus seperti ini, Anda tidak dapat hanya memilih harga secara langsung karena ada teks tambahan di sebelahnya. Dengan menggunakan konverter mata uang kustom, Anda dapat mengekstrak harga dari elemen dan menerapkan logika konversi mata uang ke dalamnya.
Sesuaikan mata uang tampilan
Sesuaikan mata uang tampilan
Ganti cara Hello menampilkan jumlah mata uang asing.Anda dapat menyesuaikan presentasi mata uang asing agar sesuai dengan kebutuhan dan preferensi Anda dengan menyesuaikan format tampilan mata uang dalam integrasi JavaScript Anda.
Format tampilan mata uang
Hello mendukung format tampilan mata uang berikut:
symbol(default) - Tampilkan simbol mata uang lokal, misalnya,€123.code- Gunakan kode mata uang ISO, misalnya,123 USD.name- Tampilkan nama mata uang lokal, misalnya,123 dollars.Anda dapat mengganti format tampilan mata uang dengan menggunakan properti
overrideCurrencyFormatdalam metodeZonos.init. Properti ini menerima salah satu format tampilan mata uang yang terdaftar di atas. Mengganti format tampilan mata uang berlaku untuk Hello dan Zonos Checkout.Zonos.init({overrideCurrencyFormat: "code",});Menggunakan konverter mata uang kustom
Untuk kasus di mana hanya mengganti format tampilan mata uang tidak cukup untuk kebutuhan situs Anda, Anda dapat menggunakan konverter mata uang kustom untuk menangani konversi dan pemformatan jumlah mata uang asing. Pendekatan ini memungkinkan Anda untuk memiliki kontrol penuh atas cara jumlah mata uang ditampilkan di situs Anda.
Untuk menggunakan konverter mata uang kustom, Anda perlu menerapkan fungsi
currencyConverterdalam metodeZonos.init. Fungsi ini harus menerima parameter berikut:convertAndFormat- Fungsi yang mengonversi dan memformat jumlah mata uang.originalAmount- Jumlah mata uang asli.selector- Pemilih elemen yang berisi jumlah mata uang.Ketika ada, fungsi
currencyConverterakan melakukan loop pada semua pemilih harga yang cocok di situs Anda dan menerapkan logika konversi mata uang kustom ke masing-masing.Salah satu use case umum untuk menggunakan fungsi konverter mata uang kustom adalah ketika Anda memiliki harga yang ditampilkan dalam menu dropdown atau elemen HTML kompleks lainnya. Misalnya, jika Anda memiliki menu dropdown dengan harga yang ditampilkan di sebelah setiap opsi, seperti:
Blue - $1.99Red - $2.00Yellow - $3.59Dalam kasus seperti ini, Anda tidak dapat hanya memilih harga secara langsung karena ada teks tambahan di sebelahnya. Dengan menggunakan konverter mata uang kustom, Anda dapat mengekstrak harga dari elemen dan menerapkan logika konversi mata uang ke dalamnya.
window.Zonos.init({currencyConverter: ({ convertAndFormat, originalAmount, selector }) => {const optionValue = selector.getAttribute("data-select-option");if (optionValue) {return `${optionValue} - ${convertAndFormat(originalAmount)}`;}return convertAndFormat(originalAmount);},});Apakah halaman ini bermanfaat?