Bloque Banner

El bloque Banner es una franja de mensaje que se muestra dentro del carrito, útil para promociones, mensajes de envío o avisos de urgencia, como un aviso de envío gratis, un anuncio de rebajas o un mensaje de “carrito reservado”. Puede incluir un temporizador de cuenta regresiva en vivo.

• La cuenta regresiva solo se ejecuta cuando se cumplen las tres condiciones: el temporizador está habilitado, el texto contiene el token {{timer}} y la duración es mayor que cero. De lo contrario, el banner se muestra como texto estático.
• El temporizador cuenta hacia atrás en MM:SS y se recuerda para la pestaña del comprador (sobrevive a la navegación dentro de tu tienda durante la sesión), por lo que no se reinicia en cada página.
• Cuando el temporizador llega a 00:00, todo el banner desaparece, por lo que los compradores nunca ven un reloj en cero.
• En la vista previa del editor, el temporizador se repite en bucle y el banner nunca se oculta, para que puedas seguir dándole estilo.

• Región: cualquiera (superior, cuerpo o inferior).
• Máximo: 3 por estado del carrito. El carrito con artículos y el carrito vacío tienen cada uno su propio cupo.
• Estado: tanto carrito con artículos como carrito vacío.
• Se agrega a los carritos nuevos de forma predeterminada. No está bloqueado, así que puedes eliminarlo u ocultarlo.

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