Formats d'affichage des devises
Hello prend en charge les formats d'affichage des devises suivants :
symbol(par défaut) - Affiche un symbole de devise localisé, p. ex.€123.code- Utilise le code ISO de la devise, p. ex.123 USD.name- Affiche le nom localisé de la devise, p. ex.123 dollars.
Vous pouvez remplacer le format d'affichage des devises en utilisant la propriété overrideCurrencyFormat dans la méthode Zonos.init. Cette propriété accepte l'un des formats d'affichage listés ci-dessus. Le remplacement du format s'applique à la fois à Hello et à Zonos Checkout.
Zonos.init({ overrideCurrencyFormat: "code",});Utiliser un convertisseur de devises personnalisé
Dans les cas où le simple remplacement du format d'affichage des devises ne suffit pas aux besoins de votre site, vous pouvez utiliser un convertisseur de devises personnalisé pour gérer la conversion et le formatage des montants en devises étrangères. Cette approche vous permet un contrôle total sur l'affichage des montants sur votre site.
Pour utiliser un convertisseur de devises personnalisé, implémentez la fonction currencyConverter dans la méthode Zonos.init. Cette fonction doit accepter les paramètres suivants :
convertAndFormat- Une fonction qui convertit et formate le montant en devise.originalAmount- Le montant original en devise.selector- Le sélecteur de l'élément contenant le montant en devise.
Lorsqu'elle est présente, la fonction currencyConverter parcourt tous les sélecteurs de prix correspondants sur votre site et applique la logique de conversion personnalisée à chacun.
Un cas d'utilisation courant est lorsque vous avez des prix affichés dans un menu déroulant ou d'autres éléments HTML complexes. Par exemple, si vous avez un menu déroulant avec des prix affichés à côté de chaque option :
Blue - $1.99 Red - $2.00 Yellow - $3.59 Dans de tels cas, vous ne pouvez pas simplement sélectionner le prix directement car du texte supplémentaire s'y trouve. En utilisant un convertisseur de devises personnalisé, vous pouvez extraire le prix de l'élément et appliquer la logique de conversion.
window.Zonos.init({ currencyConverter: ({ convertAndFormat, originalAmount, selector }) => { const optionValue = selector.getAttribute("data-select-option"); if (optionValue) { return `${optionValue} - ${convertAndFormat(originalAmount)}`; } return convertAndFormat(originalAmount); },});
Personnaliser l'affichage des devises
Remplacez la façon dont Hello affiche les montants en devises étrangères.Vous pouvez adapter la présentation des devises étrangères à vos besoins et préférences en personnalisant le format d'affichage des devises dans votre intégration JavaScript.