Valutavisningsformater
Hello understøtter følgende valutavisningsformater:
symbol(standard) - Viser et lokaliseret valutasymbol, f.eks.€123.code- Bruger ISO-valutakoden, f.eks.123 USD.name- Viser det lokaliserede valutanavn, f.eks.123 dollars.
Du kan tilsidesætte valutavisningsformatet ved at bruge egenskaben overrideCurrencyFormat i metoden Zonos.init. Denne egenskab accepterer et af valutavisningsformaterne angivet ovenfor. Tilsidesættelse af valutavisningsformatet gælder både Hello og Zonos Checkout.
Zonos.init({ overrideCurrencyFormat: 'code',});Brug af en brugerdefineret valutakonverter
I tilfælde, hvor det ikke er tilstrækkeligt blot at tilsidesætte valutavisningsformatet, kan du bruge en brugerdefineret valutakonverter til at håndtere konvertering og formatering af udenlandske valutabeløb. Denne tilgang giver dig fuld kontrol over, hvordan valutabeløb vises på dit websted.
For at bruge en brugerdefineret valutakonverter skal du implementere funktionen currencyConverter i metoden Zonos.init. Denne funktion skal acceptere følgende parametre:
convertAndFormat- En funktion, der konverterer og formaterer valutabeløbet.originalAmount- Det oprindelige valutabeløb.selector- Selektoren for elementet, der indeholder valutabeløbet.
Når currencyConverter-funktionen er til stede, gennemløber den alle matchende prisselektorer på dit websted og anvender den brugerdefinerede valutakonverteringslogik på hver.
Et almindeligt use case for en brugerdefineret valutakonverteringsfunktion er, når du har priser vist i en dropdown-menu eller andre komplekse HTML-elementer. Hvis du f.eks. har en dropdown-menu med priser vist ved siden af hver mulighed, såsom:
Blue - $1.99 Red - $2.00 Yellow - $3.59 I sådanne tilfælde kan du ikke blot vælge prisen direkte, da der er yderligere tekst ved siden af den. Ved at bruge en brugerdefineret valutakonverter kan du udtrække prisen fra elementet og anvende valutakonverteringslogikken på den.
window.Zonos.init({ currencyConverter: ({ convertAndFormat, originalAmount, selector }) => { const optionValue = selector.getAttribute('data-select-option'); if (optionValue) { return `${optionValue} - ${convertAndFormat(originalAmount)}`; } return convertAndFormat(originalAmount); },});
Tilpas visningsvaluta
Tilsidesæt, hvordan Hello viser udenlandske valutabeløb.Du kan tilpasse præsentationen af udenlandske valutaer efter dine behov og præferencer ved at tilpasse valutavisningsformatet i din JavaScript-integration.