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

# Masquer la barre de récompenses pour des pays spécifiques

> Utilisez du HTML et du CSS personnalisés pour afficher ou masquer votre barre de récompenses en fonction de la localisation du client.

<div id="overview">
  # Aperçu
</div>

Si vous n'offrez des récompenses que dans certaines régions, vous pouvez masquer la barre de récompenses pour les clients de pays spécifiques à l'aide d'une combinaison de JavaScript et de CSS. Cela permet de garder votre panier épuré et pertinent pour les acheteurs en fonction de l'endroit d'où ils naviguent.

**Remarque :**

Même lorsqu'elle est masquée, la logique des récompenses continue de s'exécuter en arrière-plan. Par exemple, un cadeau gratuit peut toujours être ajouté au panier si les conditions sont remplies, même si la barre n'est pas visible.

***

<div id="step-1-find-your-target-country-codes">
  ## Étape 1 : Trouver vos codes pays cibles
</div>

Vous devez définir quels pays doivent voir la barre de récompenses. Pour trouver les codes, consultez la liste Shopify des **codes pays ISO à 2 lettres**.

**Exemples :**

* `US` → États-Unis
* `CA` → Canada
* `MX` → Mexique

***

<div id="step-2-add-custom-html">
  ## Étape 2 : Ajouter le HTML personnalisé
</div>

1. Allez dans **Upcart > Cart Editor > Settings > Custom HTML**
2. Collez le code suivant dans **les deux** emplacements suivants :

   * Above announcements/rewards
   * On empty cart

Remplacez `"US"` par le ou les codes pays souhaités.

```
<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>
  **Note héritée :** les rappels `window.upcartOnCartOpened` et `window.upcartOnCartLoaded` fonctionnent toujours mais sont obsolètes et génèrent des avertissements dans la console. Utilisez `upcartSubscribeCartOpened` et `upcartSubscribeCartLoaded` pour tous les nouveaux scripts.
</Note>

<div id="alternative-code-for-rewards-v20-version">
  ## Code alternatif pour la version Rewards V2.0
</div>

Si vous avez mis à niveau vos récompenses vers la version V2, le code est légèrement différent, car le sélecteur des récompenses est remplacé par le nouveau sélecteur `.upcart-public-rewards`. Utilisez le code ci-dessous si vous avez mis à niveau votre module de récompenses par paliers

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

Pour prendre en charge plusieurs pays, ajustez la condition comme ceci :

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

***

<div id="step-3-add-custom-css">
  ## Étape 3 : Ajouter le CSS personnalisé
</div>

1. Allez dans **Upcart > Cart Editor > Settings > Custom CSS**
2. Collez ce code pour contrôler la visibilité :

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

***

<div id="final-result">
  ## Résultat final
</div>

Les clients des pays exclus ne verront pas la barre de récompenses dans leur panier, même si la logique des récompenses continue de fonctionner en arrière-plan.

Utilisez cette méthode si :

* Vous n'offrez des récompenses que sur certains marchés
* Vous souhaitez éviter d'afficher des promotions non applicables
* Vous avez besoin d'une solution de contournement à court terme avant de mettre en place une véritable logique régionale

***

<div id="need-help">
  ## Besoin d'aide ?
</div>

Pour une logique régionale avancée ou une assistance JavaScript, nous vous recommandons de travailler avec un **Shopify Expert**. L'assistance Upcart ne fournit pas d'aide pour l'écriture ou le dépannage de code personnalisé.

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