Blocco Banner

Il blocco Banner è una striscia con un messaggio mostrata dentro il carrello, utile per promozioni, messaggi sulla spedizione o inviti all’urgenza come un avviso di spedizione gratuita, l’annuncio di un saldo o un messaggio “carrello riservato”. Può includere un conto alla rovescia in tempo reale.

• Il conto alla rovescia parte solo quando tutte e tre le condizioni sono soddisfatte: il timer è abilitato, il testo contiene il token {{timer}} e la durata è maggiore di zero. Altrimenti il banner viene mostrato come testo statico.
• Il timer scorre in formato MM:SS e viene memorizzato per la scheda dell’acquirente (sopravvive alla navigazione all’interno del tuo negozio durante la sessione), quindi non riparte a ogni pagina.
• Quando il timer raggiunge 00:00, l’intero banner scompare, così gli acquirenti non vedono mai un orologio azzerato.
• Nell’anteprima dell’editor il timer va in loop e il banner non si nasconde mai, così puoi continuare a personalizzarne lo stile.

• Regione: qualsiasi (superiore, corpo o inferiore).
• Massimo: 3 per stato del carrello — il carrello pieno e il carrello vuoto hanno ciascuno il proprio limite.
• Stato: sia carrello pieno sia carrello vuoto.
• Aggiunto ai nuovi carrelli per impostazione predefinita. Non è bloccato, quindi puoi rimuoverlo o nasconderlo.

function CustomTemplate(props) {
  // The built-in banner removes itself at 00:00; a custom template must do the same.
  if (props.shouldUseTimer && props.isTimerExpiredAndShouldHide) return null;

  return (
    <div className="cart-external-banner" style={{ padding: '10px', textAlign: 'center' }}>
      <span dangerouslySetInnerHTML={{ __html: props.text }} />
    </div>
  );
}