Oui, je ne comprends pas non plus comment cela se passe exactement sur Chrome. Si je ne fais qu’effacer les cookies, cela reste ignoré. Si j’efface tout l’historique du navigateur, cela réapparaît.
Oui, je viens de réaliser que je ne l’avais pas ignoré moi-même. Mais au moins, j’ai eu la réponse de vous deux, et elle sera là pour les autres, c’est tout ce dont je suis heureux.
C’est mieux que d’épingler des sujets, c’est certain.
Les navigateurs sont parfois étranges. Dans l’onglet de navigation privée de Chrome, après avoir dismissé et reconnecté, la bannière ne s’affichait pas.
Ce qui est censé effacer les cookies à chaque actualisation. Mais comme @manuel l’a mentionné, il semble que ce soit également stocké dans le cache de l’historique du navigateur. Ce n’est qu’en fermant le navigateur Chrome en navigation privée et en en ouvrant un nouveau que la bannière a été restaurée.
Je pense que c’était un problème avec la bannière globale. Si ma mémoire est bonne, je pense que l’équipe a résolu ce problème. Avant, une fois effacées, les bannières globales ne s’affichaient plus pour cet utilisateur.
J’ai installé ce composant et l’aperçu affiche la bannière au-dessus de l’en-tête, mais le site réel l’affiche en dessous de l’en-tête. Cela se produit dans tous les navigateurs que j’ai testés : Brave, Edge, Safari.
Votre paramètre plugin_outlet est-il défini sur above-site-header ? Ou peut-être que cela a à voir avec le thème Horizon
.
J’utilise le thème FKB Pro. Le plugin_outlet est correctement configuré, mais cela est sans importance. Qu’il soit défini sur above-site-header ou below-site-header, l’aperçu fonctionne correctement (premier exemple), mais le site réel n’affiche l’annonce qu’en dessous de l’en-tête du site (deuxième exemple).
J’ai apporté quelques modifications au composant. La publication originale a déjà été mise à jour, mais voici les changements en détail :
Chaînes localisées
Le texte de la barre et le libellé du bouton sont maintenant traduisibles. Au lieu des anciennes paramètres bar_text et button_text, les chaînes sont stockées dans locales/en.yml. Vous pouvez ajouter manuellement d’autres langues ou utiliser des traductions par IA.
Logique de fermeture simplifiée
J’ai remplacé la fermeture basée sur les cookies par localStorage. La clé est dérivée du texte de la barre elle-même, de sorte que lorsque vous mettez à jour le texte de l’annonce, la barre réapparaît automatiquement pour tous ceux qui avaient fermé l’ancienne.
Mise en page adaptative
J’ai regroupé les styles dans un seul fichier en utilisant flex-wrap. Sur les écrans larges, le texte et le bouton s’affichent sur la même ligne. Lorsque le texte passe à la ligne, le bouton se place en dessous.
Classes d’éléments BEM
Le code HTML utilise désormais des classes BEM pour tous les éléments (__text, __button, __close), ce qui facilite leur ciblage dans les remplacements de thème.


