Banner-blok

Banner-blokken er en beskedstribe vist inde i carten, nyttig til kampagner, forsendelsesbeskeder eller hastebudskaber som en meddelelse om gratis fragt, en udsalgsannoncering eller en “cart reserveret”-besked. Den kan indeholde en live nedtællingstimer.

• Nedtællingen kører kun, når alle tre betingelser er opfyldt: timeren er aktiveret, teksten indeholder {{timer}}-tokenet, og varigheden er større end nul. Ellers vises banneret som statisk tekst.
• Timeren tæller ned i MM:SS og huskes for kundens fane (den overlever navigation i din butik under sessionen), så den genstarter ikke på hver side.
• Når timeren når 00:00, forsvinder hele banneret, så kunder aldrig ser et ur på nul.
• I editorens forhåndsvisning kører timeren i loop, og banneret skjules aldrig, så du kan blive ved med at style det.

• Region: alle (top, brødtekst eller bund).
• Maksimum: 3 pr. cart-tilstand — den fyldte cart og den tomme cart har hver deres egen kvote.
• Tilstand: både fyldt og tom cart.
• Tilføjes til nye carts som standard. Ikke låst, så du kan fjerne eller skjule den.

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