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

# Скрытие панели вознаграждений для определённых стран

> Используйте пользовательские HTML и CSS, чтобы показывать или скрывать панель вознаграждений в зависимости от местоположения покупателя.

<div id="overview">
  # Обзор
</div>

Если вы предлагаете вознаграждения только в определённых регионах, вы можете скрыть панель вознаграждений от покупателей из определённых стран, используя комбинацию JavaScript и CSS. Это помогает поддерживать корзину чистой и актуальной для покупателей в зависимости от того, откуда они просматривают магазин.

**Примечание:**

Даже когда панель скрыта, логика вознаграждений продолжает работать в фоновом режиме. Например, бесплатный подарок всё равно может быть добавлен в корзину при выполнении условий, даже если панель не видна.

***

<div id="step-1-find-your-target-country-codes">
  ## Шаг 1. Найдите коды целевых стран
</div>

Вам нужно определить, в каких странах должна отображаться панель вознаграждений. Чтобы найти коды, обратитесь к списку **двухбуквенных ISO-кодов стран** Shopify.

**Примеры:**

* `US` → США
* `CA` → Канада
* `MX` → Мексика

***

<div id="step-2-add-custom-html">
  ## Шаг 2. Добавьте пользовательский HTML
</div>

1. Перейдите в **Upcart > Cart Editor > Settings > Custom HTML**
2. Вставьте следующий код в **обе** эти области:

   * Above announcements/rewards
   * On empty cart

Замените `"US"` на нужный вам код страны (или коды).

```
<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>
  **Примечание об устаревшем API:** обратные вызовы `window.upcartOnCartOpened` и `window.upcartOnCartLoaded` всё ещё работают, но считаются устаревшими и выводят предупреждения в консоль. Используйте `upcartSubscribeCartOpened` и `upcartSubscribeCartLoaded` для всех новых скриптов.
</Note>

<div id="alternative-code-for-rewards-v20-version">
  ## Альтернативный код для версии Rewards V2.0
</div>

Если вы обновили вознаграждения до версии V2, код лишь немного отличается: селектор вознаграждений заменяется новым селектором `.upcart-public-rewards`. Используйте приведённый ниже код, если вы обновили модуль многоуровневых вознаграждений

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

Чтобы поддерживать несколько стран, измените условие следующим образом:

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

***

<div id="step-3-add-custom-css">
  ## Шаг 3. Добавьте пользовательский CSS
</div>

1. Перейдите в **Upcart > Cart Editor > Settings > Custom CSS**
2. Вставьте этот код для управления видимостью:

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

***

<div id="final-result">
  ## Итоговый результат
</div>

Покупатели из исключённых стран не увидят панель вознаграждений в своей корзине, хотя логика вознаграждений продолжит работать в фоновом режиме.

Используйте этот метод, если:

* Вы предлагаете вознаграждения только на отдельных рынках
* Вы хотите избежать показа неприменимых акций
* Вам нужно временное решение перед настройкой полноценной региональной логики

***

<div id="need-help">
  ## Нужна помощь?
</div>

Для сложной региональной логики или поддержки JavaScript мы рекомендуем обратиться к **эксперту Shopify**. Поддержка Upcart не помогает с написанием или отладкой пользовательского кода.

[Найти экспертов Shopify](https://www.shopify.com/partners/directory)