DOCS

Weergavevaluta aanpassen

Weergavevaluta aanpassen

Overschrijf hoe Hello bedragen in vreemde valuta weergeeft.

U kunt de presentatie van vreemde valuta's aanpassen aan uw behoeften en voorkeuren door het valutaweergaveformaat in uw JavaScript-integratie aan te passen.

Valutaweergaveformaten 

Hello ondersteunt de volgende valutaweergaveformaten:

  • symbol (default) - Toon een gelokaliseerd valutasymbool, bijv. €123.
  • code - Gebruik de ISO-valutacode, bijv. 123 USD.
  • name - Toon de gelokaliseerde valutanaam, bijv. 123 dollars.

U kunt het valutaweergaveformaat overschrijven met de overrideCurrencyFormat-property in de Zonos.init-methode. Deze property accepteert een van de hierboven vermelde valutaweergaveformaten. Het overschrijven van het valutaweergaveformaat is van toepassing op zowel Hello als Zonos Checkout.

1Zonos.init({
2 overrideCurrencyFormat: 'code',
3});

Een aangepaste valutaconverter gebruiken 

Voor gevallen waarin het eenvoudig overschrijven van het valutaweergaveformaat niet voldoende is voor de behoeften van uw site, kunt u een aangepaste valutaconverter gebruiken om de conversie en opmaak van bedragen in vreemde valuta af te handelen. Deze aanpak geeft u volledige controle over hoe valutabedragen op uw site worden weergegeven.

Om een aangepaste valutaconverter te gebruiken, implementeert u de currencyConverter-functie in de Zonos.init-methode. Deze functie moet de volgende parameters accepteren:

  • convertAndFormat - Een functie die het valutabedrag converteert en opmaakt.
  • originalAmount - Het oorspronkelijke valutabedrag.
  • selector - De selector van het element dat het valutabedrag bevat.

Wanneer aanwezig, loopt de currencyConverter-functie over alle overeenkomende prijsselectors op uw site en past de aangepaste valutaconversielogica toe op elk ervan.

Een veelvoorkomend gebruiksscenario voor een aangepaste valutaconverterfunctie is wanneer u prijzen weergeeft in een dropdownmenu of andere complexe HTML-elementen. Als u bijvoorbeeld een dropdownmenu hebt met prijzen naast elke optie, zoals:

1

In gevallen als deze kunt u de prijs niet eenvoudig direct selecteren omdat er extra tekst naast staat. Met een aangepaste valutaconverter kunt u de prijs uit het element extraheren en de valutaconversielogica toepassen.

1window.Zonos.init({
2 currencyConverter: ({ convertAndFormat, originalAmount, selector }) => {
3 const optionValue = selector.getAttribute('data-select-option');
4 if (optionValue) {
5 return `${optionValue} - ${convertAndFormat(originalAmount)}`;
6 }
7 return convertAndFormat(originalAmount);
8 },
9});
Boek een demo

Was deze pagina nuttig?