Bloc Banner

Le bloc Banner est une bande de message affichée à l’intérieur du panier, utile pour les promotions, les messages de livraison ou les incitations à l’urgence comme une mention de livraison gratuite, une annonce de soldes ou un message « panier réservé ». Il peut inclure un compte à rebours en direct.

• Le compte à rebours ne fonctionne que lorsque les trois conditions sont réunies : le minuteur est activé, le texte contient le jeton {{timer}} et la durée est supérieure à zéro. Sinon, la bannière s’affiche comme texte statique.
• Le minuteur décompte au format MM:SS et est mémorisé pour l’onglet de l’acheteur (il survit à la navigation au sein de votre boutique pendant la session), il ne redémarre donc pas à chaque page.
• Lorsque le minuteur atteint 00:00, toute la bannière disparaît, de sorte que les acheteurs ne voient jamais une horloge à zéro.
• Dans l’aperçu de l’éditeur, le minuteur tourne en boucle et la bannière ne se masque jamais, ce qui vous permet de continuer à la styliser.

• Région : n’importe laquelle (haut, corps ou bas).
• Maximum : 3 par état de panier. Le panier rempli et le panier vide ont chacun leur propre quota.
• État : panier rempli et panier vide.
• Ajouté par défaut aux nouveaux paniers. Non verrouillé, vous pouvez donc le supprimer ou le masquer.

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