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

# Ukrywanie paska nagród dla wybranych krajów

> Użyj niestandardowego HTML i CSS, aby pokazywać lub ukrywać pasek nagród w zależności od lokalizacji klienta.

<div id="overview">
  # Omówienie
</div>

Jeśli oferujesz nagrody tylko w wybranych regionach, możesz ukryć pasek nagród przed klientami z określonych krajów, łącząc JavaScript i CSS. Dzięki temu koszyk pozostaje przejrzysty i adekwatny dla kupujących w zależności od tego, skąd przeglądają sklep.

**Uwaga:**

Nawet gdy pasek jest ukryty, logika nagród nadal działa w tle. Na przykład darmowy prezent może wciąż zostać dodany do koszyka po spełnieniu warunków, mimo że pasek nie jest widoczny.

***

<div id="step-1-find-your-target-country-codes">
  ## Krok 1: znajdź kody docelowych krajów
</div>

Musisz określić, które kraje mają widzieć pasek nagród. Aby znaleźć kody, skorzystaj z listy Shopify zawierającej **dwuliterowe kody krajów ISO**.

**Przykłady:**

* `US` → Stany Zjednoczone
* `CA` → Kanada
* `MX` → Meksyk

***

<div id="step-2-add-custom-html">
  ## Krok 2: dodaj niestandardowy HTML
</div>

1. Przejdź do **Upcart > Cart Editor > Settings > Custom HTML**
2. Wklej poniższy kod w **obu** poniższych lokalizacjach:

   * Above announcements/rewards
   * On empty cart

Zastąp `"US"` wybranym kodem lub kodami krajów.

```
<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>
  **Uwaga dotycząca starszej wersji:** wywołania zwrotne `window.upcartOnCartOpened` i `window.upcartOnCartLoaded` nadal działają, ale są przestarzałe i generują ostrzeżenia w konsoli. We wszystkich nowych skryptach używaj `upcartSubscribeCartOpened` i `upcartSubscribeCartLoaded`.
</Note>

<div id="alternative-code-for-rewards-v20-version">
  ## Alternatywny kod dla wersji Rewards V2.0
</div>

Jeśli Twoje nagrody zostały zaktualizowane do wersji V2, kod różni się tylko nieznacznie — selektor nagród został zastąpiony nowym selektorem `.upcart-public-rewards`. Użyj poniższego kodu, jeśli Twój moduł nagród progowych został zaktualizowany

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

Aby obsłużyć wiele krajów, dostosuj warunek w następujący sposób:

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

***

<div id="step-3-add-custom-css">
  ## Krok 3: dodaj niestandardowy CSS
</div>

1. Przejdź do **Upcart > Cart Editor > Settings > Custom CSS**
2. Wklej poniższy kod, aby sterować widocznością:

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

***

<div id="final-result">
  ## Efekt końcowy
</div>

Klienci z wykluczonych krajów nie zobaczą paska nagród w swoim koszyku, mimo że logika nagród nadal działa w tle.

Użyj tej metody, jeśli:

* Oferujesz nagrody tylko na wybranych rynkach
* Chcesz uniknąć wyświetlania promocji, które nie mają zastosowania
* Potrzebujesz tymczasowego obejścia przed skonfigurowaniem właściwej logiki regionalnej

***

<div id="need-help">
  ## Potrzebujesz pomocy?
</div>

W przypadku zaawansowanej logiki regionalnej lub wsparcia w zakresie JavaScriptu zalecamy współpracę z **ekspertem Shopify**. Wsparcie Upcart nie pomaga w pisaniu ani debugowaniu niestandardowego kodu.

[Zobacz ekspertów Shopify](https://www.shopify.com/partners/directory)