Module · LNK Barre d’annonce
Une barre d'annonce en haut de votre boutique PrestaShop
LNK Barre d'annonce place en haut de votre boutique une barre qui fait tourner quelques messages courts : livraison offerte, soldes, retrait en magasin. Chaque message a ses dates, son lien et son ciblage par groupe de clients, appareil et page. La barre a sa hauteur dès le premier affichage : la page ne saute jamais.
- Version 1.1.3 · PrestaShop 1.7.6 à 8.x
- Version 1.9.3 · PrestaShop 9
- PrestaShop 1.7.6 à 9.x
- PHP 7.1 à 8.4
- Aucun override
Captures d'écran
Points clés
- Messages courts en rotation, six à la fois au plus
- Dates d'affichage à la minute près
- Ciblage par groupe de clients, appareil et page
- Aucun saut de page, dès le premier affichage
- Rotation en CSS, sans JavaScript, pause au survol
- Fermeture mémorisée seulement avec le consentement
- Sept styles, ou la couleur de votre thème, toujours lisible
- Au-dessus de l'en-tête ou collée en haut de l'écran
- Texte et lien dans chaque langue, arabe de droite à gauche
- Aperçu en direct sur ordinateur et mobile, agrandi d'un clic
- Code promo lié à un bon : détail, copie du code, disparition à la fin du bon
- PrestaShop 1.7.6 à 9.x, PHP 7.1 à 8.4, sans override
- Messages illimités, jusqu'à six en rotation à la fois
Un bandeau d'annonce, sans bricolage
PrestaShop ne livre pas de barre d'annonce. On s'arrange avec un bloc de texte ou une image dans l'en-tête, sans dates, sans rotation et sans ciblage : le message des soldes reste en ligne après les soldes, le même texte s'affiche aux particuliers et aux professionnels.
Des messages datés et ciblés
Vous écrivez autant de messages que vous voulez ; six tournent à la fois au plus. Pour chacun :
- le texte et le lien dans chaque langue de la boutique, avec une icône au choix ;
- les dates, si besoin : un message de soldes apparaît et disparaît tout seul, à la minute près ;
- les groupes de clients de votre boutique (visiteurs, clients, un groupe de professionnels…), ou tous ;
- les appareils : ordinateur, mobile, ou les deux ;
- les pages : accueil, catégories, produits, panier, autres pages.
Les messages se rangent par deux flèches, dans l'ordre de la rotation. Un aperçu en direct montre la barre sur ordinateur et sur mobile pendant la saisie, et s'agrandit en pleine largeur d'un clic.
Un code promo bien en vue
Liez un message à un bon de réduction de PrestaShop : la barre montre une pastille « Promo », votre texte et le code. Un clic ouvre le détail juste dessous, par-dessus la page sans la décaler : réduction, date de fin, produits concernés, cumul, utilisation par client, minimum d'achat et exclusions, lus dans le bon lui-même. Un bouton copie le code, un lien mène à la collection.
Rien n'est ressaisi, et le message disparaît tout seul quand le bon se termine, est désactivé, épuisé, ou réservé à un client ou à un groupe : un bon personnel n'est jamais montré à tous. Le titre, la phrase d'explication et les exclusions se remplacent dans chaque langue. Sur mobile, le texte défile lentement et s'arrête au toucher. La feuille et le petit script du détail ne se chargent que sur les pages qui montrent un tel message.
Aucun saut de page
Une barre ajoutée en JavaScript apparaît après la page et la pousse vers le bas : c'est le décalage de mise en page que Google mesure (CLS). Ici, la barre et tous ses messages sont rendus par le serveur, dans la même case : elle a la hauteur du plus long message dès le premier affichage, et la rotation ne la change jamais. Une barre fermée par le visiteur est masquée avant le premier affichage des pages suivantes, sans saut non plus.
Rotation sans JavaScript
Fondu ou défilement vertical, durée de 3 à 10 secondes par message, pause au survol et quand un lien a le focus : la rotation est écrite en CSS. Pour un visiteur qui demande moins d'animations, rien ne bouge ; les messages se font défiler au doigt.
Les messages de chaque appareil sont choisis par la feuille de style, sans lire le navigateur du visiteur : la page est la même pour tous, compatible avec un cache de pages entières.
Fermeture et consentement
Le visiteur peut fermer la barre si vous le permettez. Elle reste fermée jusqu'à un nouveau message, 30 jours au plus, seulement s'il a accepté les cookies « préférences » de votre bandeau cookies. Sans consentement, rien n'est écrit : la barre revient à la page suivante.
Léger et rapide
Chiffres mesurés sur le module livré, compressé en gzip (niveau 9). Une feuille de style de 1,9 Ko pour la barre, sa rotation et ses sept styles, chargée seulement sur les pages qui ont une barre. Aucun JavaScript pour la rotation ; un script de 0,46 Ko, chargé seulement si le visiteur peut fermer la barre. Aucune police ajoutée : la barre prend celle de votre thème. Aucune ressource externe.
Sept styles, ou ceux de votre thème
Sobre, Contraste, Éditorial, Promo, Minimal, Pastille, ou « Hérite du thème » : la couleur de votre thème, avec un texte noir ou blanc choisi pour rester lisible (contraste de 4,5:1 au moins). La barre se place au-dessus de l'en-tête, ou reste collée en haut de l'écran pendant le défilement.
Pour les thèmes et les intégrateurs
Balisage neutre (.lnkab, BEM), variables CSS documentées (--lnk-announcementbar-bg,
--lnk-announcementbar-text, --lnk-announcementbar-size…), gabarit surchargeable dans le thème.
Le texte suit le sens d'écriture : en arabe, la barre se lit de droite à gauche sans réglage.
Compatibilité PrestaShop 1.7, 8 et 9
| PrestaShop | 1.7.6 → 9.x |
| PHP | 7.1 → 8.4 |
| Livraison | Deux archives : 1.9.N pour PrestaShop 9, 1.1.N pour 1.7.6 à 8.x |
| Back-office | Symfony natif sur PrestaShop 9, contrôleur d'administration classique en dessous |
| Contient un override | Non |
| Multiboutique | Oui : chaque message choisit ses boutiques, avec son ordre et son activation dans chacune ; réglages de la barre par boutique |
| Plusieurs messages | Oui : messages en nombre illimité, jusqu'à six en rotation à la fois dans une même barre |
| Ressources externes | Aucune |
Chaque version est vérifiée par une installation réelle : PrestaShop 1.7.8 et 8.1 pour l'archive 1.1.N, PrestaShop 9.0 pour l'archive 1.9.N. Les essais portent sur l'installation, l'affichage, le back-office et la désinstallation.
Questions fréquentes
Comment ajouter un bandeau en haut de ma boutique PrestaShop ?
Dans Apparence > LNK Barre d'annonce, écrivez votre message (par exemple « Livraison offerte dès 60 € »), ajoutez un lien si besoin, puis enregistrez. La barre apparaît au-dessus de l'en-tête de votre boutique, dans le style choisi, dès l'enregistrement.
Puis-je afficher plusieurs messages à la suite ?
Oui. Six messages tournent à la fois au plus, en fondu ou en défilement vertical, de 3 à 10 secondes chacun. La rotation se met en pause quand le visiteur survole la barre. Vous choisissez l'ordre des messages par deux flèches.
La barre fait-elle sauter la page au chargement ?
Non. La barre et tous ses messages sont rendus par le serveur, dans la même case : elle a la hauteur de son plus long message dès le premier affichage, et la rotation ne la change jamais. Une barre fermée par le visiteur est masquée avant le premier affichage des pages suivantes.
Puis-je programmer un message pour les soldes ?
Oui. Chaque message a des dates de début et de fin facultatives : il apparaît et disparaît tout seul, à la minute près. La liste des messages indique ceux qui sont affichés, programmés ou terminés.
Puis-je afficher un message aux seuls clients professionnels, ou seulement sur mobile ?
Oui. Chaque message se cible par groupe de clients (ceux de votre boutique), par appareil (ordinateur, mobile) et par page (accueil, catégories, produits, panier, autres pages). Un message réservé aux professionnels ne s'affiche qu'aux clients connectés de ce groupe.
Le module ralentit-il ma boutique ?
Non. La rotation est écrite en CSS, sans JavaScript ; la feuille de style pèse 1,9 Ko compressée et ne se charge que sur les pages qui ont une barre. Seule la fermeture utilise un script de 0,46 Ko, chargé seulement si vous permettez au visiteur de fermer la barre.
Le module dépose-t-il des cookies ?
Seulement quand un visiteur ferme la barre, et seulement s'il a accepté les cookies « préférences » : un cookie retient la fermeture jusqu'à un nouveau message, 30 jours au plus. Sans ce consentement, rien n'est écrit. Si votre bandeau cookies ne répond pas au module, une case vous permet de déclarer qu'il gère déjà ce consentement.
Faut-il modifier mon thème ?
Non. La barre se place au-dessus de l'en-tête, ou reste collée en haut de l'écran, avec les points d'accroche présents dans les thèmes Classic et Hummingbird. Elle prend la police de votre thème, et le style « Hérite du thème » prend sa couleur.
Le module est-il compatible avec PrestaShop 9 ?
Oui. Le module existe en deux archives : 1.9.N pour PrestaShop 9, avec un back-office Symfony natif, et 1.1.N pour PrestaShop 1.7.6 à 8.x. Les fonctions sont les mêmes.
Fonctionne-t-il en plusieurs langues et en multiboutique ?
En plusieurs langues, oui : le texte, le texte du lien et son adresse se saisissent dans chaque langue de la boutique, et la barre suit le sens d'écriture : en arabe, elle se lit de droite à gauche. En multiboutique, oui : chaque message choisit ses boutiques (cases « Boutiques » dans l'éditeur), avec son ordre dans la rotation et son activation propres à chaque boutique. Une boutique créée en copiant une autre reprend ses messages. Les réglages de la barre (emplacement, rotation, style) se font par boutique, par groupe ou pour toutes les boutiques, et la page indique lesquelles ils concernent. Une barre fermée par un visiteur reste ouverte dans vos autres boutiques.
Puis-je annoncer un code promo avec son détail ?
Oui. Liez le message à un bon de réduction de PrestaShop : la barre montre le code, et un clic ouvre le détail par-dessus la page (réduction, date de fin, produits concernés, cumul, utilisation, exclusions), lu dans le bon. Le visiteur copie le code d'un bouton. Le message disparaît tout seul quand le bon se termine, est désactivé ou épuisé ; un bon réservé à un client ou à un groupe n'est jamais montré à tous.
Comment revenir en arrière si le module ne me convient pas ?
Désinstallez-le : vos messages et vos réglages sont supprimés, et la barre disparaît de la boutique. Le module ne contient aucun override et ne modifie pas votre thème.
Combien de messages puis-je créer ?
Autant que vous voulez. La barre en fait tourner six à la fois au plus, dans l'ordre de la liste : ceux dont les dates, le groupe du client, l'appareil et la page correspondent au visiteur. Les autres attendent leur tour, par exemple pour une période de soldes, sans rien à supprimer.
Journal des versions
-
Version 1.9.3 PrestaShop 9
Nouveautés
- Multiboutique : chaque message choisit ses boutiques (cases « Boutiques » dans l'éditeur), avec un ordre dans la rotation et une activation propres à chaque boutique. Une boutique créée en copiant une autre reprend ses messages ; une boutique supprimée emporte ses lignes. En « Toutes les boutiques », la liste montre les messages de chaque boutique avec leurs boutiques ; l'ordre se change boutique par boutique. Les réglages de la barre valent pour la boutique, le groupe ou toutes les boutiques, indiqués sur la page.
Corrections
- Arabe, persan, ourdou : les lettres du style « Contraste », de la pastille et du surtitre du détail ne sont plus espacées (elles se détachaient).
- Trier, activer ou désactiver un message dans une boutique changeait aussi les autres boutiques.
- Supprimer dans une boutique un message partagé le supprimait partout : il n'est plus retiré que des boutiques en cours.
- Les messages et réglages d'un thème s'importent dans la boutique du thème, plus dans celle du contexte.
- Une barre fermée dans une boutique restait fermée dans les autres boutiques à la même adresse.
-
Version 1.9.2 PrestaShop 9
Nouveautés
- Message lié à un bon de réduction : la barre montre une pastille (« Promo », modifiable par message), le texte et le code ; un clic ouvre le détail sous la barre, par-dessus la page sans la décaler (réduction, date de fin, produits concernés, cumul, utilisation, minimum, exclusions), lu dans le bon. Bons avec ou sans code. Titre, phrase et exclusions remplaçables en français, anglais et arabe. Bouton Copier, croix, touche Échap ; sans script, le détail s'ouvre et le code se sélectionne. Sur mobile, le texte défile lentement et s'arrête au toucher. Feuille et script chargés seulement si un tel message est affiché.
- Le message disparaît de lui-même quand son bon se termine, est désactivé, épuisé, ou réservé à un client ou à un groupe ; la barre fermée revient quand le bon change.
-
Version 1.9.1 PrestaShop 9
Nouveautés
- Messages des autres modules (crochet
actionLnkAnnouncementBarMessages) : LNK Livraison offerte y ajoute le texte fixe de sa règle, sans montant (« Livraison offerte dès 60 € »), après vos messages. Texte seul et lien vérifié ; la barre reste la même pour tous, compatible avec le cache des pages.
Modifications
- Back-office sur l'habillage commun des modules LNK : liste des messages dans l'ordre de la rotation (glisser-déposer, interrupteur, modification et suppression sur chaque ligne), puis éditeur d'un message en rubriques à gauche (texte et lien, icône, ciblage, publication), champs au centre et aperçu en direct à droite ; la barre (emplacement, rotation, style, communs à tous les messages) a sa propre page, avec son aperçu. Mêmes réglages, mêmes messages et même rendu en boutique.
- Messages des autres modules (crochet
Voir les 5 versions précédentes
-
Version 1.9.0 PrestaShop 9
Première version. Branche 9 : PrestaShop 9.0 à 9.x seulement. PrestaShop 1.7.6 à 8.x passent sur la branche
prestashop/legacy(1.1.0).Nouveautés
- Barre d'annonce en haut de la boutique : messages courts en rotation, six au plus, chacun avec son texte, son lien et le texte du lien dans chaque langue, son icône et ses dates d'affichage facultatives.
- Ciblage de chaque message par groupe de clients, appareil (ordinateur, mobile) et page (accueil, catégories, produits, panier, autres pages), sans détection du navigateur : compatible avec un cache de pages entières.
- Aucun décalage de page : barre rendue par le serveur, hauteur du plus long message dès le premier rendu. Rotation en CSS (fondu ou défilement vertical), pause au survol et au focus ; mouvement réduit respecté.
- Fermeture par le visiteur, mémorisée jusqu'à un nouveau message (30 jours au plus) seulement avec le consentement « préférences » ; barre fermée masquée avant le premier rendu.
- Emplacement au-dessus de l'en-tête ou collant en haut de l'écran ; sept styles dans un seul fichier (Sobre par défaut ; « Hérite du thème » prend un texte noir ou blanc, jamais sous 4,5:1 de contraste), police du thème.
- Back-office : messages dans l'ordre de la rotation, modification, réglages de la barre, aperçu en direct sur ordinateur et sur mobile, agrandi en pleine largeur à la demande.
-
Version 1.1.3 PrestaShop 1.7.6 à 8.x
Nouveautés
- Multiboutique : chaque message choisit ses boutiques (cases « Boutiques » dans l'éditeur), avec un ordre dans la rotation et une activation propres à chaque boutique. Une boutique créée en copiant une autre reprend ses messages ; une boutique supprimée emporte ses lignes. En « Toutes les boutiques », la liste montre les messages de chaque boutique avec leurs boutiques ; l'ordre se change boutique par boutique. Les réglages de la barre valent pour la boutique, le groupe ou toutes les boutiques, indiqués sur la page.
Corrections
- Arabe, persan, ourdou : les lettres du style « Contraste », de la pastille et du surtitre du détail ne sont plus espacées (elles se détachaient).
- Trier, activer ou désactiver un message dans une boutique changeait aussi les autres boutiques.
- Supprimer dans une boutique un message partagé le supprimait partout : il n'est plus retiré que des boutiques en cours.
- Les messages et réglages d'un thème s'importent dans la boutique du thème, plus dans celle du contexte.
- Une barre fermée dans une boutique restait fermée dans les autres boutiques à la même adresse.
-
Version 1.1.2 PrestaShop 1.7.6 à 8.x
Nouveautés
- Message lié à un bon de réduction : la barre montre une pastille (« Promo », modifiable par message), le texte et le code ; un clic ouvre le détail sous la barre, par-dessus la page sans la décaler (réduction, date de fin, produits concernés, cumul, utilisation, minimum, exclusions), lu dans le bon. Bons avec ou sans code. Titre, phrase et exclusions remplaçables en français, anglais et arabe. Bouton Copier, croix, touche Échap ; sans script, le détail s'ouvre et le code se sélectionne. Sur mobile, le texte défile lentement et s'arrête au toucher. Feuille et script chargés seulement si un tel message est affiché.
- Le message disparaît de lui-même quand son bon se termine, est désactivé, épuisé, ou réservé à un client ou à un groupe ; la barre fermée revient quand le bon change.
-
Version 1.1.1 PrestaShop 1.7.6 à 8.x
Nouveautés
- Messages des autres modules (crochet
actionLnkAnnouncementBarMessages) : LNK Livraison offerte y ajoute le texte fixe de sa règle, sans montant (« Livraison offerte dès 60 € »), après vos messages. Texte seul et lien vérifié ; la barre reste la même pour tous, compatible avec le cache des pages.
Modifications
- Back-office sur l'habillage commun des modules LNK : liste des messages dans l'ordre de la rotation (glisser-déposer, interrupteur, modification et suppression sur chaque ligne), puis éditeur d'un message en rubriques à gauche (texte et lien, icône, ciblage, publication), champs au centre et aperçu en direct à droite ; la barre (emplacement, rotation, style, communs à tous les messages) a sa propre page, avec son aperçu. Mêmes réglages, mêmes messages et même rendu en boutique.
Corrections
- Le bouton « Importer les messages du thème » du back-office est de nouveau pris en compte.
- Messages des autres modules (crochet
-
Version 1.1.0 PrestaShop 1.7.6 à 8.x
Première version. Branche 1 : PrestaShop 1.7.6 à 8.x. PrestaShop 9 passe sur la branche
main(1.9.0).Nouveautés
- Barre d'annonce en haut de la boutique : messages courts en rotation, six au plus, chacun avec son texte, son lien et le texte du lien dans chaque langue, son icône et ses dates d'affichage facultatives.
- Ciblage de chaque message par groupe de clients, appareil (ordinateur, mobile) et page (accueil, catégories, produits, panier, autres pages), sans détection du navigateur : compatible avec un cache de pages entières.
- Aucun décalage de page : barre rendue par le serveur, hauteur du plus long message dès le premier rendu. Rotation en CSS (fondu ou défilement vertical), pause au survol et au focus ; mouvement réduit respecté.
- Fermeture par le visiteur, mémorisée jusqu'à un nouveau message (30 jours au plus) seulement avec le consentement « préférences » ; barre fermée masquée avant le premier rendu.
- Emplacement au-dessus de l'en-tête ou collant en haut de l'écran ; sept styles dans un seul fichier (Sobre par défaut ; « Hérite du thème » prend un texte noir ou blanc, jamais sous 4,5:1 de contraste), police du thème.
- Back-office (contrôleur d'administration classique) : messages dans l'ordre de la rotation, modification, réglages de la barre, aperçu en direct sur ordinateur et sur mobile, agrandi en pleine largeur à la demande.
