Banner-blok

Het Banner-blok is een berichtenstrook die in de cart wordt getoond, handig voor promoties, verzendberichten of urgentiemeldingen zoals een melding over gratis verzending, een aankondiging van een sale of een “cart gereserveerd”-melding. Het kan een live afteltimer bevatten.

• De afteltimer loopt alleen wanneer aan alle drie de voorwaarden is voldaan: de timer is ingeschakeld, de tekst bevat het {{timer}}-token en de duur is groter dan nul. Anders wordt de banner als statische tekst getoond.
• De timer telt af in MM:SS en wordt onthouden voor het tabblad van de shopper (hij blijft behouden bij navigatie binnen je winkel tijdens de sessie), zodat hij niet op elke pagina opnieuw start.
• Wanneer de timer 00:00 bereikt, verdwijnt de hele banner, zodat shoppers nooit een klok op nul zien staan.
• In de editorvoorvertoning loopt de timer in een lus en verdwijnt de banner nooit, zodat je hem kunt blijven stylen.

• Regio: overal (boven, midden of onder).
• Maximum: 3 per cart-status — de gevulde cart en de lege cart hebben elk hun eigen limiet.
• Status: zowel gevulde als lege cart.
• Standaard toegevoegd aan nieuwe carts. Niet vergrendeld, dus je kunt het verwijderen of verbergen.

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>
  );
}