Formatos de visualización de moneda
Hello admite los siguientes formatos de visualización de moneda:
symbol(predeterminado) - Muestra un símbolo de moneda localizado, p. ej.,€123.code- Utiliza el código de moneda ISO, p. ej.,123 USD.name- Muestra el nombre de moneda localizado, p. ej.,123 dollars.
Puede anular el formato de visualización de moneda utilizando la propiedad overrideCurrencyFormat en el método Zonos.init. Esta propiedad acepta uno de los formatos de visualización de moneda enumerados anteriormente. Anular el formato de visualización de moneda se aplica tanto a Hello como a Zonos Checkout.
Zonos.init({ overrideCurrencyFormat: 'code',});Uso de un conversor de moneda personalizado
En los casos en que simplemente anular el formato de visualización de moneda no sea suficiente para las necesidades de su sitio, puede utilizar un conversor de moneda personalizado para gestionar la conversión y el formato de importes en moneda extranjera. Este enfoque le permite tener control total sobre cómo se muestran los importes de moneda en su sitio.
Para utilizar un conversor de moneda personalizado, debe implementar la función currencyConverter en el método Zonos.init. Esta función debe aceptar los siguientes parámetros:
convertAndFormat- Una función que convierte y formatea el importe de moneda.originalAmount- El importe de moneda original.selector- El selector del elemento que contiene el importe de moneda.
Cuando está presente, la función currencyConverter recorrerá todos los selectores de precio coincidentes en su sitio y aplicará la lógica de conversión de moneda personalizada a cada uno.
Un caso de uso común para utilizar una función de conversor de moneda personalizada es cuando tiene precios mostrados en un menú desplegable u otros elementos HTML complejos. Por ejemplo, si tiene un menú desplegable con precios mostrados junto a cada opción, como:
Blue - $1.99 Red - $2.00 Yellow - $3.59 En casos como este, no puede simplemente seleccionar el precio directamente porque hay texto adicional junto a él. Al utilizar un conversor de moneda personalizado, puede extraer el precio del elemento y aplicar la lógica de conversión de moneda.
window.Zonos.init({ currencyConverter: ({ convertAndFormat, originalAmount, selector }) => { const optionValue = selector.getAttribute('data-select-option'); if (optionValue) { return `${optionValue} - ${convertAndFormat(originalAmount)}`; } return convertAndFormat(originalAmount); },});
Personalizar la moneda de visualización
Modifique cómo Hello muestra los importes en moneda extranjera.
Puede adaptar la presentación de monedas extranjeras según sus necesidades y preferencias personalizando el formato de visualización de moneda en su integración JavaScript.