您可以通過在 JavaScript 整合中自訂貨幣顯示格式,來符合您的需求和偏好調整外幣的呈現方式。
Hello 支援下列貨幣顯示格式:
symbol
code
name
您可以在 Zonos.init 方法中使用 overrideCurrencyFormat 屬性來覆寫貨幣顯示格式。此屬性接受上面列出的其中一個貨幣顯示格式。覆寫貨幣顯示格式適用於 Hello 和 Zonos Checkout 兩者。
Zonos.init
overrideCurrencyFormat
Zonos.init({
overrideCurrencyFormat: 'code',
});
對於簡單覆寫貨幣顯示格式不足以滿足您網站需求的情況,您可以使用自訂貨幣轉換器來處理外幣金額的轉換和格式化。這種方法可讓您完全控制網站上貨幣金額的顯示方式。
若要使用自訂貨幣轉換器,您需要在 Zonos.init 方法中實作 currencyConverter 函式。此函式應接受以下參數:
currencyConverter
convertAndFormat
originalAmount
selector
存在時,currencyConverter 函式會迴圈遍歷您網站上所有相符的價格選擇器,並向每個選擇器應用自訂貨幣轉換邏輯。
使用自訂貨幣轉換器函式的常見用案例是當您在下拉式功能表或其他複雜的 HTML 元素中顯示價格時。例如,如果您有一個下拉式功能表,其中價格顯示在每個選項旁邊,例如:
Blue - $1.99
Red - $2.00
Yellow - $3.59
在這些情況下,您無法直接選擇價格,因為旁邊還有其他文字。通過使用自訂貨幣轉換器,您可以從元素中提取價格並向其應用貨幣轉換邏輯。
window.Zonos.init({
currencyConverter: ({ convertAndFormat, originalAmount, selector }) => {
const optionValue = selector.getAttribute('data-select-option');
if (optionValue) {
return `${optionValue} - ${convertAndFormat(originalAmount)}`;
}
return convertAndFormat(originalAmount);
},
自訂顯示貨幣
自訂顯示貨幣
覆寫 Hello 顯示外幣金額的方式。您可以通過在 JavaScript 整合中自訂貨幣顯示格式,來符合您的需求和偏好調整外幣的呈現方式。
貨幣顯示格式
Hello 支援下列貨幣顯示格式:
symbol(預設) - 顯示本地化的貨幣符號,例如 €123。code- 使用 ISO 貨幣代碼,例如 123 USD。name- 顯示本地化的貨幣名稱,例如 123 dollars。您可以在
Zonos.init方法中使用overrideCurrencyFormat屬性來覆寫貨幣顯示格式。此屬性接受上面列出的其中一個貨幣顯示格式。覆寫貨幣顯示格式適用於 Hello 和 Zonos Checkout 兩者。Zonos.init({overrideCurrencyFormat: 'code',});使用自訂貨幣轉換器
對於簡單覆寫貨幣顯示格式不足以滿足您網站需求的情況,您可以使用自訂貨幣轉換器來處理外幣金額的轉換和格式化。這種方法可讓您完全控制網站上貨幣金額的顯示方式。
若要使用自訂貨幣轉換器,您需要在
Zonos.init方法中實作currencyConverter函式。此函式應接受以下參數:convertAndFormat- 轉換和格式化貨幣金額的函式。originalAmount- 原始貨幣金額。selector- 包含貨幣金額的元素選擇器。存在時,
currencyConverter函式會迴圈遍歷您網站上所有相符的價格選擇器,並向每個選擇器應用自訂貨幣轉換邏輯。使用自訂貨幣轉換器函式的常見用案例是當您在下拉式功能表或其他複雜的 HTML 元素中顯示價格時。例如,如果您有一個下拉式功能表,其中價格顯示在每個選項旁邊,例如:
Blue - $1.99Red - $2.00Yellow - $3.59在這些情況下,您無法直接選擇價格,因為旁邊還有其他文字。通過使用自訂貨幣轉換器,您可以從元素中提取價格並向其應用貨幣轉換邏輯。
window.Zonos.init({currencyConverter: ({ convertAndFormat, originalAmount, selector }) => {const optionValue = selector.getAttribute('data-select-option');if (optionValue) {return `${optionValue} - ${convertAndFormat(originalAmount)}`;}return convertAndFormat(originalAmount);},});這個頁面有幫助嗎?