Valutaviseringsformater
Hello støtter følgende valutaviseringsformater:
symbol(standard) - Vis et lokalisert valutasymbol, f.eks.€123.code- Bruk ISO-valutakoden, f.eks.123 USD.name- Vis det lokaliserte valutanavnet, f.eks.123 dollars.
Du kan overstyre valutaviseringsformatet ved å bruke egenskapen overrideCurrencyFormat i metoden Zonos.init. Denne egenskapen aksepterer ett av valutaviseringsformatene som er oppført ovenfor. Å overstyre valutaviseringsformatet gjelder både Hello og Zonos Checkout.
Zonos.init({ overrideCurrencyFormat: 'code',});Bruk av en egendefinert valutakonverter
For tilfeller når bare å overstyre valutaviseringsformatet ikke er tilstrekkelig for nettstedets behov, kan du bruke en egendefinert valutakonverter til å håndtere konvertering og formatering av utenlandske valutabeløp. Denne tilnærmingen lar deg ha fullstendig kontroll over hvordan valutabeløp vises på nettstedet ditt.
For å bruke en egendefinert valutakonverter, må du implementere funksjonen currencyConverter i metoden Zonos.init. Denne funksjonen skal akseptere følgende parametere:
convertAndFormat- En funksjon som konverterer og formaterer valutabeløpet.originalAmount- Det opprinnelige valutabeløpet.selector- Velgeren for elementet som inneholder valutabeløpet.
Når den finnes, vil funksjonen currencyConverter loope gjennom alle samsvarende prisvelgere på nettstedet ditt og bruke den egendefinerte valutakonverteringslogikken på hver av dem.
Et vanlig brukstilfelle for å bruke en egendefinert valutakonverterfunksjon er når du har priser vist i en rullegardinmeny eller andre komplekse HTML-elementer. Hvis du for eksempel har en rullegardinmeny med priser vist ved siden av hvert alternativ, slik som:
Blue - $1.99 Red - $2.00 Yellow - $3.59 I tilfeller som dette kan du ikke bare velge prisen direkte fordi det er ytterligere tekst ved siden av. Ved å bruke en egendefinert valutakonverter, kan du trekke ut prisen fra elementet og bruke valutakonverteringslogikken på det.
window.Zonos.init({ currencyConverter: ({ convertAndFormat, originalAmount, selector }) => { const optionValue = selector.getAttribute('data-select-option'); if (optionValue) { return `${optionValue} - ${convertAndFormat(originalAmount)}`; } return convertAndFormat(originalAmount); },});
Tilpass visning av valuta
Overstyr hvordan Hello viser utenlandske valutabeløp.Du kan tilpasse presentasjonen av utenlandske valutaer etter dine behov og preferanser ved å tilpasse valutaviseringsformatet i JavaScript-integrasjonen din.