Banner-Block

Der Banner-Block ist ein Nachrichtenstreifen im Cart, nützlich für Aktionen, Versandhinweise oder Dringlichkeitsbotschaften wie einen Hinweis auf kostenlosen Versand, eine Sale-Ankündigung oder eine “Warenkorb reserviert”-Meldung. Er kann einen Live-Countdown-Timer enthalten.

• Der Countdown läuft nur, wenn alle drei Bedingungen erfüllt sind: Der Timer ist aktiviert, der Text enthält das Token {{timer}} und die Dauer ist größer als null. Andernfalls wird das Banner als statischer Text angezeigt.
• Der Timer zählt im Format MM:SS herunter und wird für den Tab des Kunden gespeichert (er übersteht die Navigation innerhalb deines Stores während der Sitzung), sodass er nicht auf jeder Seite neu startet.
• Wenn der Timer 00:00 erreicht, verschwindet das gesamte Banner, sodass Kunden nie eine abgelaufene Uhr sehen.
• In der Editor-Vorschau läuft der Timer in einer Schleife und das Banner wird nie ausgeblendet, damit du es weiter gestalten kannst.

• Bereich: beliebig (oben, Hauptteil oder unten).
• Maximum: 3 pro Cart-Zustand — der gefüllte Cart und der leere Cart haben jeweils ihr eigenes Kontingent.
• Zustand: sowohl gefüllter als auch leerer Cart.
• Wird neuen Carts standardmäßig hinzugefügt. Nicht gesperrt, du kannst ihn also entfernen oder ausblenden.

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