Блок баннера

Блок Banner — это полоса с сообщением внутри корзины, полезная для промоакций, сообщений о доставке или создания срочности, например уведомления о бесплатной доставке, объявления о распродаже или сообщения «корзина зарезервирована». Он может включать работающий таймер обратного отсчёта.

• Обратный отсчёт запускается только при выполнении всех трёх условий: таймер включён, текст содержит токен {{timer}}, и длительность больше нуля. В противном случае баннер отображается как статический текст.
• Таймер отсчитывает время в формате MM:SS и запоминается для вкладки покупателя (он сохраняется при навигации по вашему магазину в течение сеанса), поэтому не перезапускается на каждой странице.
• Когда таймер достигает 00:00, весь баннер исчезает, поэтому покупатели никогда не видят обнулённые часы.
• В предпросмотре редактора таймер работает по кругу, и баннер никогда не скрывается, чтобы вы могли продолжать его оформлять.

• Область: любая (верх, тело или низ).
• Максимум: 3 на состояние корзины — заполненная корзина и пустая корзина имеют отдельные лимиты.
• Состояние: и заполненная, и пустая корзина.
• Добавляется в новые корзины по умолчанию. Не заблокирован, поэтому вы можете удалить или скрыть его.

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