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

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

> Verwende benutzerdefiniertes HTML und CSS, um deine Rewards-Leiste abhängig vom Standort der Kundschaft ein- oder auszublenden.

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

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.

***

<div id="step-1-find-your-target-country-codes">
  ## Schritt 1: Finde deine Ziel-Ländercodes
</div>

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

***

<div id="step-2-add-custom-html">
  ## Schritt 2: Füge benutzerdefiniertes HTML hinzu
</div>

1. Gehe zu **Upcart > Cart Editor > Settings > Custom HTML**
2. 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>
```

<Note>
  **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.
</Note>

<div id="alternative-code-for-rewards-v20-version">
  ## Alternativer Code für die Rewards-Version V2.0
</div>

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

***

<div id="step-3-add-custom-css">
  ## Schritt 3: Füge benutzerdefiniertes CSS hinzu
</div>

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

```
.hide {  
  display: none;   
}
```

***

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

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

***

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

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