En-tête et pied de page
Barre d’annonce
Une bande de messages au-dessus de l’en-tête, fixe ou défilante.
Sur cette page
La barre d’annonce affiche un ou plusieurs messages courts au-dessus de l’en-tête : une livraison offerte, une ouverture de boutique, une nouvelle collection. Elle fait partie du groupe En-tête et apparaît donc sur toutes les pages.
- Nom dans l’éditeur
- Barre d’annonce (EN : Announcement bar)
- Où l’ajouter
- Groupe En-tête (toutes les pages)
- Instances
- 1 par page au maximum
- Blocs acceptés
- Message
- Nombre de blocs
- 5 au maximum
Réglages de la section
| Réglage | Valeurs | À quoi il sert |
|---|---|---|
| Défilement automatiqueEN : Advance automatically | Case à cocherPar défaut : Désactivé | Fait défiler les messages automatiquement. Laissez désactivé sauf nécessité réelle : un client en train de lire un message le perd en cours de lecture, et la barre affiche un contrôle de pause dès que cette option est active. |
| Secondes par diapositiveEN : Seconds per slide | De 4 à 12 sPar défaut : 6 s | —Affiché lorsque « Défilement automatique » est activé. |
| Permettre aux clients de fermer la barreEN : Let shoppers dismiss the bar | Case à cocherPar défaut : Désactivé | Enregistré dans le navigateur du client, la barre fermée le reste lors de sa prochaine visite. |
| Palette de couleursEN : Color scheme | Palette de couleursPar défaut : Palette 1 | — |
Bloc Message
| Réglage | Valeurs | À quoi il sert |
|---|---|---|
| TexteEN : Text | Texte enrichiPar défaut : « <p>Utilisez cet espace pour une actualité de la boutique ou une offre spéciale</p> » | Les liens s’insèrent dans le message : sélectionnez les mots à lier et utilisez le bouton de lien. La barre n’a pas de champ de lien séparé, un message peut donc en contenir plusieurs. |
Chaque message est un texte enrichi : pour ajouter un lien, sélectionnez les mots concernés et utilisez le bouton de lien de l’éditeur. Un même message peut contenir plusieurs liens.
Comportement
Plusieurs messages
Dès qu’il y a deux messages ou plus, des flèches « Message précédent » et « Message suivant » apparaissent et les messages défilent verticalement. Sans JavaScript, tous les messages sont affichés, les uns sous les autres, pour que chacun et ses liens restent lisibles.
Défilement automatique
Avec Défilement automatique, les messages changent seuls. Le défilement :
- ne démarre qu’à partir de deux messages ;
- se met en pause tant que le pointeur survole la barre ou que le focus clavier s’y trouve ;
- s’accompagne toujours d’un bouton pause, présenté comme une icône, qui devient un bouton lecture une fois pressé (les lecteurs d’écran annoncent « Pause » et « Lecture ») ;
- ne s’active jamais si l’acheteur a demandé à son système de réduire les animations.
Laissez-le désactivé si ce n’est pas indispensable : un acheteur qui lit un message le perd au milieu de sa phrase.
Fermeture par l’acheteur
Avec Permettre aux clients de fermer la barre, une croix apparaît. La fermeture est enregistrée dans le navigateur de l’acheteur : la barre reste fermée lors de ses visites suivantes, sans apparaître un instant puis disparaître d’une page à l’autre. Dans l’éditeur de thème, la barre est toujours affichée, même si vous l’avez fermée en prévisualisant votre boutique.
Hauteur
Sur téléphone et écran tactile, la barre grandit automatiquement jusqu’à 44 px quand elle affiche des flèches ou une croix, pour que ces boutons restent faciles à toucher. À la souris, elle garde la hauteur de son texte.
Supprimer la barre
Si vous n’avez pas d’annonce, supprimez ou masquez la section. Une barre sans aucun message reste visible et affiche un texte d’aide (« Cette barre n’a pas encore de message… ») sur la boutique en ligne.
Faubourg 1.1.0