Übersicht

Wenn du Belohnungen nur in bestimmten Regionen anbietest, kannst du die Rewards-Leiste für Kundschaft in bestimmten Ländern mit einer Kombination aus JavaScript und CSS ausblenden. Das hilft, deinen Warenkorb sauber und relevant zu halten, je nachdem, von wo aus die Käuferinnen und Käufer stöbern. Hinweis: Auch wenn sie ausgeblendet ist, läuft die Belohnungslogik weiterhin im Hintergrund. Zum Beispiel kann ein Gratisgeschenk trotzdem zum Warenkorb hinzugefügt werden, wenn die Bedingungen erfüllt sind, selbst wenn die Leiste nicht sichtbar ist.

Schritt 1: Finde deine Ziel-Ländercodes

Du musst festlegen, welche Länder die Rewards-Leiste sehen sollen. Die Codes findest du in Shopifys Liste der zweistelligen ISO-Ländercodes. Beispiele:

US → Vereinigte Staaten
CA → Kanada
MX → Mexiko

Schritt 2: Füge benutzerdefiniertes HTML hinzu

Gehe zu Upcart > Cart Editor > Settings > Custom HTML
Füge den folgenden Code in beide dieser Positionen ein:
- Above announcements/rewards
- On empty cart

Ersetze "US" durch deine gewünschten Ländercodes.

<script>  
  function hideRewards() {  
    let rewardsBar = window.upcartDocumentOrShadowRoot.querySelector(".upcart-rewards");  
    let country = window.Shopify.country;  
  
    if (country.includes("US")) {  
      rewardsBar.classList.remove("hide");  
      return;  
    }  
  
    rewardsBar.classList.add("hide");  
  }  
  
  window.upcartSubscribeCartOpened(() => setTimeout(hideRewards, 300));  
  window.upcartSubscribeCartLoaded(hideRewards);  
</script>

Legacy-Hinweis: Die Callbacks window.upcartOnCartOpened und window.upcartOnCartLoaded funktionieren noch, sind aber veraltet und erzeugen Konsolenwarnungen. Verwende upcartSubscribeCartOpened und upcartSubscribeCartLoaded für alle neuen Skripte.

Alternativer Code für die Rewards-Version V2.0

Wenn du deine Rewards auf die V2-Version aktualisiert hast, ist der Code nur geringfügig anders, da der Rewards-Selektor durch den neuen Selektor .upcart-public-rewards ersetzt wird. Verwende den folgenden Code, wenn du dein Tiered-Rewards-Modul aktualisiert hast

<script>  
  function hideRewards() {  
    let rewardsBar = window.upcartDocumentOrShadowRoot.querySelector(".upcart-public-rewards");  
    let country = window.Shopify.country;  
  
    if (country.includes("US")) {  
      rewardsBar.classList.remove("hide");  
      return;  
    }  
  
    rewardsBar.classList.add("hide");  
  }  
  
  window.upcartSubscribeCartOpened(() => setTimeout(hideRewards, 300));  
  window.upcartSubscribeCartLoaded(hideRewards);  
</script>

Um mehrere Länder zu unterstützen, passe die Bedingung wie folgt an:

if (["US", "CA", "GB"].includes(country)) {

Schritt 3: Füge benutzerdefiniertes CSS hinzu

Gehe zu Upcart > Cart Editor > Settings > Custom CSS
Füge diesen Code ein, um die Sichtbarkeit zu steuern:

.hide {  
  display: none;   
}

Endergebnis

Kundinnen und Kunden aus ausgeschlossenen Ländern sehen die Rewards-Leiste nicht in ihrem Warenkorb, obwohl die Belohnungslogik im Hintergrund weiterhin funktioniert. Verwende diese Methode, wenn:

Du Belohnungen nur in ausgewählten Märkten anbietest
Du die Anzeige nicht anwendbarer Aktionen vermeiden möchtest
Du eine kurzfristige Übergangslösung benötigst, bevor du eine richtige regionsbasierte Logik einrichtest

Brauchst du Hilfe?

Für fortgeschrittene regionale Logik oder JavaScript-Unterstützung empfehlen wir die Zusammenarbeit mit einem Shopify-Experten. Der Upcart-Support unterstützt nicht beim Schreiben oder bei der Fehlerbehebung von benutzerdefiniertem Code. Shopify-Experten ansehen

Erste Schritte

Warenkorb-Module

Warenkorb-Einstellungen

Sticky-Warenkorb-Button

Multicart

Anpassungen

Analytics

Integrationen & Kompatibilität

Abrechnung & Konto

Fehlerbehebung

Die Rewards-Leiste für bestimmte Länder ausblenden

Übersicht

Schritt 1: Finde deine Ziel-Ländercodes

Schritt 2: Füge benutzerdefiniertes HTML hinzu

Alternativer Code für die Rewards-Version V2.0

Schritt 3: Füge benutzerdefiniertes CSS hinzu

Endergebnis

Brauchst du Hilfe?

​Übersicht

​Schritt 1: Finde deine Ziel-Ländercodes

​Schritt 2: Füge benutzerdefiniertes HTML hinzu

​Alternativer Code für die Rewards-Version V2.0

​Schritt 3: Füge benutzerdefiniertes CSS hinzu

​Endergebnis

​Brauchst du Hilfe?

Übersicht

Schritt 1: Finde deine Ziel-Ländercodes

Schritt 2: Füge benutzerdefiniertes HTML hinzu

Alternativer Code für die Rewards-Version V2.0

Schritt 3: Füge benutzerdefiniertes CSS hinzu

Endergebnis

Brauchst du Hilfe?