Blok banera

Blok Banner to pasek z komunikatem pokazywany wewnątrz koszyka, przydatny do promocji, informacji o wysyłce lub komunikatów budujących pilność, takich jak informacja o darmowej wysyłce, ogłoszenie wyprzedaży czy komunikat „koszyk zarezerwowany”. Może zawierać działający na żywo licznik odliczający.

• Odliczanie działa tylko wtedy, gdy spełnione są wszystkie trzy warunki: licznik jest włączony, tekst zawiera token {{timer}}, a czas trwania jest większy od zera. W przeciwnym razie baner wyświetla się jako statyczny tekst.
• Licznik odlicza w formacie MM:SS i jest zapamiętywany dla karty przeglądarki kupującego (przetrwa nawigację po twoim sklepie w trakcie sesji), więc nie restartuje się na każdej stronie.
• Gdy licznik osiągnie 00:00, cały baner znika, więc kupujący nigdy nie widzą wyzerowanego zegara.
• W podglądzie edytora licznik zapętla się, a baner nigdy się nie ukrywa, więc możesz dalej go stylizować.

• Region: dowolny (góra, treść lub dół).
• Maksimum: 3 na stan koszyka — wypełniony koszyk i pusty koszyk mają osobne limity.
• Stan: zarówno wypełniony, jak i pusty koszyk.
• Domyślnie dodawany do nowych koszyków. Nie jest zablokowany, więc możesz go usunąć lub ukryć.

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