Compte à rebours

L'élément Compte à rebours affiche le temps restant jusqu'à une date que vous choisissez. Ses valeurs, affichées sur au moins deux chiffres et séparées par « : », apparaissent chacune au-dessus de leur unité (jours, heures, minutes, secondes). Une fois la date atteinte, le compte à rebours laisse place au message de fin.

Il sert à donner un horizon à une offre limitée, à annoncer une ouverture, un lancement de collection ou le début d'un événement. Vous pouvez l'insérer sur une page comme dans un pop-up.

Le compte à rebours se trouve dans le panneau Ajouter un élément, catégorie Texte.

Réglages du compte à rebours

• Date de fin : le jour et l'heure auxquels le compte à rebours s'arrête (sept jours après son ajout par défaut). Vous ne pouvez pas choisir une date passée. La date est saisie dans le fuseau horaire de votre navigateur, puis enregistrée comme un instant précis : tous vos visiteurs voient donc le compte à rebours se terminer au même moment.
• Affichage : Jours, heures, minutes, secondes (par défaut) ou Heures, minutes, secondes. Dans le second cas, les jours restants sont cumulés dans les heures, qui peuvent donc dépasser deux chiffres.
• Message de fin : le texte qui remplace le compte à rebours une fois la date atteinte (« C'est terminé ! » par défaut). Il reprend les polices et la présentation du texte des chiffres et il est traduit automatiquement avec la page lors de la publication.

Les libellés des unités ne se saisissent pas : ils sont générés automatiquement dans la langue affichée du site. Si un visiteur consulte une version traduite, il lit « days / hours » ou « Tage / Stunden » sans que vous ayez rien à saisir.

Chiffres

La section Chiffres règle l'apparence des valeurs :

• Couleur des chiffres
• Épaisseur des chiffres : de 100 à 900, par pas de 100.
• Police des chiffres : une police de votre thème, ou une police que vous importez.

La taille des chiffres, elle, se règle dans le style du texte du panneau de style : c'est elle qui commande la taille de tout le bloc.

Libellés des unités

La section Libellés des unités propose les mêmes réglages (couleur, épaisseur, police) pour les mots placés sous les chiffres. Leur taille suit celle des chiffres : ils s'affichent en petites capitales espacées, à un quart de la taille des valeurs.

Style du compte à rebours

Le panneau de style regroupe le style du texte (dont la taille des chiffres), le positionnement, l'arrière-plan, les marges intérieures, la bordure et son arrondi, l'ombre, la visibilité par appareil et les animations.

Vérifier le rendu avant de publier

Sur la canvas, le compte à rebours s'anime avec l'heure réelle : vous voyez donc tout de suite s'il reste assez de temps pour que le bloc ait du sens. Si la date est déjà passée, c'est le message de fin qui s'affiche.