Oversigt

Hvis du kun tilbyder belønninger i visse regioner, kan du skjule belønningsbjælken for kunder i specifikke lande ved hjælp af en kombination af JavaScript og CSS. Det hjælper med at holde din kurv ren og relevant for kunder baseret på, hvor de browser fra. Bemærk: Selv når den er skjult, kører belønningslogikken stadig i baggrunden. For eksempel kan en gratis gave stadig blive tilføjet til kurven, hvis betingelserne er opfyldt, selvom bjælken ikke er synlig.

Trin 1: Find dine mål-landekoder

Du skal definere, hvilke lande der skal se belønningsbjælken. For at finde koder kan du se Shopifys liste over ISO 2-bogstavs landekoder. Eksempler:

US → USA
CA → Canada
MX → Mexico

Trin 2: Tilføj brugerdefineret HTML

Gå til Upcart > Cart Editor > Settings > Custom HTML
Indsæt følgende kode i begge disse placeringer:
- Above announcements/rewards
- On empty cart

Erstat "US" med dine ønskede landekoder.

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

Bemærkning om ældre version: window.upcartOnCartOpened- og window.upcartOnCartLoaded-callbacks virker stadig, men er forældede og logger konsoladvarsler. Brug upcartSubscribeCartOpened og upcartSubscribeCartLoaded til alle nye scripts.

Alternativ kode til Rewards V2.0-versionen

Hvis du har opgraderet dine belønninger til V2-versionen, er koden kun en smule anderledes, da belønningsselektoren er erstattet med den nye .upcart-public-rewards-selektor. Brug koden nedenfor, hvis du har opgraderet dit tiered rewards-modul

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

For at understøtte flere lande kan du justere betingelsen sådan her:

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

Trin 3: Tilføj brugerdefineret CSS

Gå til Upcart > Cart Editor > Settings > Custom CSS
Indsæt denne kode for at styre synligheden:

.hide {  
  display: none;   
}

Slutresultat

Kunder fra ekskluderede lande vil ikke se belønningsbjælken i deres kurv, selvom belønningslogikken stadig fungerer i baggrunden. Brug denne metode, hvis:

Du kun tilbyder belønninger på udvalgte markeder
Du vil undgå at vise kampagner, der ikke er relevante
Du har brug for en kortsigtet løsning, før du opsætter egentlig regionsbaseret logik

Brug for hjælp?

Til avanceret regional logik eller JavaScript-support anbefaler vi at samarbejde med en Shopify Expert. Upcart-support hjælper ikke med at skrive eller fejlfinde brugerdefineret kode. Se Shopify Experts

Kom godt i gang

Kurvmoduler

Kurvindstillinger

Fastgjort kurvknap

Multicart

Tilpasninger

Analyser

Integrationer og kompatibilitet

Fakturering og konto

Fejlfinding

Skjul belønningsbjælken for specifikke lande

Oversigt

Trin 1: Find dine mål-landekoder

Trin 2: Tilføj brugerdefineret HTML

Alternativ kode til Rewards V2.0-versionen

Trin 3: Tilføj brugerdefineret CSS

Slutresultat

Brug for hjælp?

​Oversigt

​Trin 1: Find dine mål-landekoder

​Trin 2: Tilføj brugerdefineret HTML

​Alternativ kode til Rewards V2.0-versionen

​Trin 3: Tilføj brugerdefineret CSS

​Slutresultat

​Brug for hjælp?

Oversigt

Trin 1: Find dine mål-landekoder

Trin 2: Tilføj brugerdefineret HTML

Alternativ kode til Rewards V2.0-versionen

Trin 3: Tilføj brugerdefineret CSS

Slutresultat

Brug for hjælp?