> ## 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.

# Währungsformatierung in Upcart anpassen

> Steuere, wie die Währung in deinem Warenkorb angezeigt wird, mit Shopify Markets und benutzerdefinierten Skripteinstellungen.

<div id="overview">
  # Überblick
</div>

Mit dieser Anpassung kannst du ändern, wie Währungssymbole und -codes in deinem Upcart-Cart-Drawer erscheinen. Du kannst steuern, ob das Währungssymbol (zum Beispiel `$`) oder der Währungscode (zum Beispiel `USD`) angezeigt wird, wo sie erscheinen und wie sie mit Abständen versehen werden.

Diese Einrichtung setzt voraus, dass:

* Dein Store **Shopify Markets** verwendet, oder
* Du mit einem **einzelnen Markt** arbeitest

***

<div id="where-to-add-the-script">
  ## Wo du das Skript hinzufügst
</div>

1. Gehe zu **Upcart > Cart Editor > Settings > Custom HTML**
2. Wähle im Dropdown **Select HTML Location** die Option **Scripts (Before load)**
3. Füge das folgende Skript in das Eingabefeld ein
4. Speichere deine Änderungen

***

<div id="currency-formatting-script">
  ## Skript zur Währungsformatierung
</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">
  ## Die Einstellungen erklärt
</div>

Suche im Skript nach diesem Abschnitt:

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

Du kannst diese Werte anpassen, um zu steuern, wie die Währung im Warenkorb erscheint:

|                             |                                                                             |                                                                                      |
| --------------------------- | --------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ |
| Einstellung                 | Beschreibung                                                                | Optionen                                                                             |
| **useCurrencySymbol**       | Zeigt oder verbirgt das Währungssymbol (Beispiel: `$`)                      | `true` / `false`                                                                     |
| **useCurrencyCode**         | Zeigt oder verbirgt den Währungscode (Beispiel: `USD`)                      | `true` / `false`                                                                     |
| **currencySymbolPlacement** | Wo das Symbol erscheint                                                     | `'left'` / `'right'`                                                                 |
| **currencyCodePlacement**   | Wo der Code erscheint                                                       | `'left'` / `'right'`                                                                 |
| **currencySymbolSpacing**   | Fügt ein Leerzeichen zwischen Symbol und Betrag hinzu (Beispiel: `$ 10.00`) | `true` / `false`                                                                     |
| **currencyCodeSpacing**     | Fügt ein Leerzeichen zwischen Code und Betrag hinzu (Beispiel: `10 USD`)    | `true` / `false`                                                                     |
| **currencyFormat**          | Steuert die Zahlenformatierung                                              | `{{amount}}`, `{{amount_no_decimals}}` usw. (siehe die Währungsoptionen von Shopify) |

***

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

Sobald das Skript hinzugefügt und gespeichert ist:

* Werden Währungssymbole und -codes genau so angezeigt wie konfiguriert
* Funktioniert es in allen Teilen des Upcart-Drawers, einschließlich Rewards und Upsells
* Passt es sich automatisch an **Shopify Markets** an, sofern diese aktiviert sind

***

<div id="need-help">
  ## Brauchst du Hilfe?
</div>

Für fortgeschrittene Anpassungen empfehlen wir die Zusammenarbeit mit einem **Shopify Expert**. Das Support-Team von Upcart hilft nicht beim Schreiben oder bei der Fehlerbehebung von benutzerdefiniertem Code.

[Shopify Experts ansehen](https://www.shopify.com/partners/directory)