Überblick

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

Wo du das Skript hinzufügst

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

Skript zur Währungsformatierung

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

Die Einstellungen erklärt

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)

Endergebnis

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

Brauchst du Hilfe?

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

Erste Schritte

Warenkorb-Module

Warenkorb-Einstellungen

Sticky-Warenkorb-Button

Multicart

Anpassungen

Analytics

Integrationen & Kompatibilität

Abrechnung & Konto

Fehlerbehebung

Währungsformatierung in Upcart anpassen

Überblick

Wo du das Skript hinzufügst

Skript zur Währungsformatierung

Die Einstellungen erklärt

Endergebnis

Brauchst du Hilfe?

​Überblick

​Wo du das Skript hinzufügst

​Skript zur Währungsformatierung

​Die Einstellungen erklärt

​Endergebnis

​Brauchst du Hilfe?

Überblick

Wo du das Skript hinzufügst

Skript zur Währungsformatierung

Die Einstellungen erklärt

Endergebnis

Brauchst du Hilfe?