Overzicht

Met deze aanpassing kun je wijzigen hoe valutasymbolen en -codes worden weergegeven in je Upcart cart drawer. Je kunt bepalen of het valutasymbool (bijvoorbeeld $) en de valutacode (bijvoorbeeld USD) worden getoond, waar ze verschijnen en hoe ze worden gespatieerd. Deze setup vereist dat:

Je winkel Shopify Markets gebruikt, of
Je met een enkele markt werkt

Waar voeg je het script toe

Ga naar Upcart > Cart Editor > Settings > Custom HTML
Kies in de dropdown Select HTML Location de optie Scripts (Before load)
Plak het onderstaande script in het invoerveld
Sla je wijzigingen op

Script voor valutanotatie

<!-- Upcart Currency Formatting Script -->
<script>
// ~~~~~~START OF MERCHANT SETTINGS~~~~~~
let useCurrencySymbol = true;
let useCurrencyCode = true;
let currencySymbolPlacement = 'left';     // 'left' or 'right'
let currencyCodePlacement = 'right';      // 'left' or 'right'
let currencySymbolSpacing = false;
let currencyCodeSpacing = true;
let currencyFormat = "{{amount}}";        // Use Shopify's currency format
// ~~~~~~END OF MERCHANT SETTINGS~~~~~~

formatCurrency();

function formatCurrency() {
  let currencyMap = fillCurrencyMap(new Map());
  let currencyCode = Shopify.currency.active;
  let currencySymbol = currencyMap.get(currencyCode);

  if (currencySymbolPlacement == 'left' && currencyCodePlacement == 'left') {
    window.upcartMoneyFormat =
      (useCurrencyCode ? currencyCode : "") +
      (currencyCodeSpacing && useCurrencyCode ? " " : "") +
      (useCurrencySymbol ? currencySymbol : "") +
      (currencySymbolSpacing && useCurrencySymbol ? " " : "") +
      currencyFormat;

  } else if (currencySymbolPlacement == 'left' && currencyCodePlacement == 'right') {
    window.upcartMoneyFormat =
      (useCurrencySymbol ? currencySymbol : "") +
      (currencySymbolSpacing && useCurrencySymbol ? " " : "") +
      currencyFormat +
      (currencyCodeSpacing && useCurrencyCode ? " " : "") +
      (useCurrencyCode ? currencyCode : "");

  } else if (currencySymbolPlacement == 'right' && currencyCodePlacement == 'right') {
    window.upcartMoneyFormat =
      currencyFormat +
      (currencyCodeSpacing && useCurrencyCode ? " " : "") +
      (useCurrencyCode ? currencyCode : "") +
      (currencySymbolSpacing && useCurrencySymbol ? " " : "") +
      (useCurrencySymbol ? currencySymbol : "");

  } else if (currencySymbolPlacement == 'right' && currencyCodePlacement == 'left') {
    window.upcartMoneyFormat =
      (useCurrencyCode ? currencyCode : "") +
      (currencyCodeSpacing && useCurrencyCode ? " " : "") +
      currencyFormat +
      (currencySymbolSpacing && useCurrencySymbol ? " " : "") +
      (useCurrencySymbol ? currencySymbol : "");

  } else {
    console.warn("Unexpected placement configuration. Falling back to default.");
    window.upcartMoneyFormat =
      (useCurrencySymbol ? currencySymbol : "") +
      (currencySymbolSpacing && useCurrencySymbol ? " " : "") +
      currencyFormat +
      (currencyCodeSpacing && useCurrencyCode ? " " : "") +
      (useCurrencyCode ? currencyCode : "");
  }
}

function fillCurrencyMap(map) {
  map.set('EUR', '€');
  map.set('GBP', '£');
  map.set('JPY', '¥');
  map.set('AUD', '$');
  map.set('CAD', '$');
  map.set('CHF', 'CHF');
  map.set('CNY', '¥');
  map.set('INR', '₹');
  map.set('RUB', '₽');
  map.set('BRL', 'R$');
  map.set('ZAR', 'R');
  map.set('MXN', '$');
  map.set('SGD', '$');
  map.set('NZD', '$');
  map.set('HKD', 'HK$');
  return map;
}
</script>

Uitleg van de instellingen

Zoek in het script naar dit gedeelte:

// ~~~~~~START OF MERCHANT SETTINGS~~~~~~

Je kunt deze waarden aanpassen om te bepalen hoe valuta in de cart wordt weergegeven:


Instelling	Beschrijving	Opties
useCurrencySymbol	Toon of verberg het valutasymbool (voorbeeld: `$`)	`true` / `false`
useCurrencyCode	Toon of verberg de valutacode (voorbeeld: `USD`)	`true` / `false`
currencySymbolPlacement	Waar het symbool verschijnt	`'left'` / `'right'`
currencyCodePlacement	Waar de code verschijnt	`'left'` / `'right'`
currencySymbolSpacing	Voegt een spatie toe tussen symbool en bedrag (voorbeeld: `$ 10.00`)	`true` / `false`
currencyCodeSpacing	Voegt een spatie toe tussen code en bedrag (voorbeeld: `10 USD`)	`true` / `false`
currencyFormat	Bepaalt de getalnotatie	`{{amount}}`, `{{amount_no_decimals}}`, enz. (raadpleeg de valutaopties van Shopify)

Eindresultaat

Zodra het script is toegevoegd en opgeslagen:

Worden valutasymbolen en -codes exact weergegeven zoals geconfigureerd
Werkt het in alle onderdelen van de Upcart-drawer, inclusief rewards en upsells
Past het zich automatisch aan Shopify Markets aan als die zijn ingeschakeld

Hulp nodig?

Voor geavanceerde aanpassingen raden we aan om samen te werken met een Shopify Expert. Het supportteam van Upcart helpt niet bij het schrijven of debuggen van custom code. Bekijk Shopify Experts

Aan de slag

Winkelwagenmodules

Winkelwageninstellingen

Sticky winkelwagenknop

Multicart

Aanpassingen

Analytics

Integraties en compatibiliteit

Facturering en account

Probleemoplossing

Valutanotatie aanpassen in Upcart

Overzicht

Waar voeg je het script toe

Script voor valutanotatie

Uitleg van de instellingen

Eindresultaat

Hulp nodig?

​Overzicht

​Waar voeg je het script toe

​Script voor valutanotatie

​Uitleg van de instellingen

​Eindresultaat

​Hulp nodig?

Overzicht

Waar voeg je het script toe

Script voor valutanotatie

Uitleg van de instellingen

Eindresultaat

Hulp nodig?