Panoramica

Se offri premi solo in determinate regioni, puoi nascondere la barra dei premi ai clienti di paesi specifici usando una combinazione di JavaScript e CSS. Questo aiuta a mantenere il tuo carrello pulito e pertinente per i clienti in base a dove stanno navigando. Nota: Anche quando è nascosta, la logica dei premi continua a funzionare in background. Per esempio, un omaggio può comunque essere aggiunto al carrello se le condizioni sono soddisfatte, anche se la barra non è visibile.

Passaggio 1: Trova i codici paese di destinazione

Dovrai definire quali paesi devono vedere la barra dei premi. Per trovare i codici, consulta la lista dei codici paese ISO a 2 lettere di Shopify. Esempi:

US → Stati Uniti
CA → Canada
MX → Messico

Passaggio 2: Aggiungi HTML personalizzato

Vai su Upcart > Cart Editor > Settings > Custom HTML
Incolla il codice seguente in entrambe queste posizioni:
- Above announcements/rewards
- On empty cart

Sostituisci "US" con il codice o i codici paese desiderati.

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

Nota legacy: i callback window.upcartOnCartOpened e window.upcartOnCartLoaded funzionano ancora ma sono deprecati e generano avvisi nella console. Usa upcartSubscribeCartOpened e upcartSubscribeCartLoaded per tutti i nuovi script.

Codice alternativo per la versione Rewards V2.0

Se hai aggiornato i tuoi premi alla versione V2, il codice è solo leggermente diverso, perché il selettore dei premi è sostituito dal nuovo selettore .upcart-public-rewards. Usa il codice seguente se hai aggiornato il tuo modulo di premi a livelli

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

Per supportare più paesi, modifica la condizione in questo modo:

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

Passaggio 3: Aggiungi CSS personalizzato

Vai su Upcart > Cart Editor > Settings > Custom CSS
Incolla questo codice per controllare la visibilità:

.hide {  
  display: none;   
}

Risultato finale

I clienti dei paesi esclusi non vedranno la barra dei premi nel loro carrello, anche se la logica dei premi continua a funzionare in background. Usa questo metodo se:

Offri premi solo in mercati selezionati
Vuoi evitare di mostrare promozioni non applicabili
Ti serve una soluzione temporanea prima di configurare una logica basata sulle regioni vera e propria

Hai bisogno di aiuto?

Per logiche regionali avanzate o supporto JavaScript, ti consigliamo di lavorare con un Shopify Expert. Il supporto di Upcart non fornisce assistenza per la scrittura o la risoluzione di problemi di codice personalizzato. Vedi gli Shopify Experts

Per iniziare

Moduli del carrello

Impostazioni del carrello

Pulsante carrello fisso

Multicart

Personalizzazioni

Analisi

Integrazioni e compatibilità

Fatturazione e account

Risoluzione dei problemi

Nascondere la barra dei premi per paesi specifici

Panoramica

Passaggio 1: Trova i codici paese di destinazione

Passaggio 2: Aggiungi HTML personalizzato

Codice alternativo per la versione Rewards V2.0

Passaggio 3: Aggiungi CSS personalizzato

Risultato finale

Hai bisogno di aiuto?

​Panoramica

​Passaggio 1: Trova i codici paese di destinazione

​Passaggio 2: Aggiungi HTML personalizzato

​Codice alternativo per la versione Rewards V2.0

​Passaggio 3: Aggiungi CSS personalizzato

​Risultato finale

​Hai bisogno di aiuto?

Panoramica

Passaggio 1: Trova i codici paese di destinazione

Passaggio 2: Aggiungi HTML personalizzato

Codice alternativo per la versione Rewards V2.0

Passaggio 3: Aggiungi CSS personalizzato

Risultato finale

Hai bisogno di aiuto?