> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Valutanotatie aanpassen in Upcart

> Bepaal hoe valuta wordt weergegeven in je cart met Shopify Markets en aangepaste scriptinstellingen.

<div id="overview">
  # Overzicht
</div>

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

***

<div id="where-to-add-the-script">
  ## Waar voeg je het script toe
</div>

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

***

<div id="currency-formatting-script">
  ## Script voor valutanotatie
</div>

```html theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
<!-- 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>
```

***

<div id="settings-explained">
  ## Uitleg van de instellingen
</div>

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) |

***

<div id="final-result">
  ## Eindresultaat
</div>

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

***

<div id="need-help">
  ## Hulp nodig?
</div>

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](https://www.shopify.com/partners/directory)