Barre d'annonce

Pour Plain Jane et Plain Jane Interactive

Ce que vous apprendrez

  • Comment activer et personnaliser la barre d'annonce dans Plain Jane

  • Comment la styliser différemment selon les types de pages


Aperçu

Le Barre d'annonce est une petite bannière qui apparaît en haut de votre boutique. C'est un excellent endroit pour afficher des messages importants tels que des promotions, des réapprovisionnements ou des politiques du magasin.

Vous pouvez contrôler si cette barre apparaît globalement ou sur des pages spécifiques, et la styliser indépendamment selon le type de page.


Comment activer

  1. Dans le Éditeur de thème, allez dans le Paramètres du thème onglet

  2. Faites défiler jusqu'à la Barre d'annonce section

  3. Basculer Afficher la barre d'annonce pour l'activer

💡 Pour l'afficher sur des pages spécifiques, activez ces bascules :

  • Afficher la barre d'annonce sur la page d'accueil

  • Afficher la barre d'annonce sur la page de collection

  • Afficher la barre d'annonce sur la page produit


Référence des paramètres

Message

  • Texte de l'annonce : Ajoutez votre message d'annonce (par ex. « LIVRAISON GRATUITE TOUT LE WEEK-END »)

  • Taille de la police du texte : Ajustez la taille du texte du message (en pixels)

Style spécifique à la page

Définissez des couleurs d'arrière-plan et de texte différentes selon le type de page :

  • Page d'accueil

    • Couleur d’arrière-plan

    • Couleur du texte

  • Modèle de page Collection

    • Couleur d’arrière-plan

    • Couleur du texte

  • Page produit

    • Couleur d’arrière-plan

    • Couleur du texte

  • Par défaut (Autres pages)

    • Couleur d’arrière-plan

    • Couleur du texte

⚠️ Ces substitutions s'appliquent uniquement lorsque la barre d'annonce est activée sur ces types de pages spécifiques.


Options d'affichage avancées

  • Activer l'ombre : Ajoute une ombre derrière la barre pour une meilleure visibilité

  • Activer le texte défilant : Active une animation de défilement de type ticker

  • Faire flotter la barre d'annonce : Maintient la barre fixée en haut lors du défilement

  • Arrondir les coins de la barre d'annonce : Ajoute des bords arrondis à la barre

  • Activer une barre d'annonce plus grande : Augmente la hauteur pour plus d'impact


Bonnes pratiques

  • Gardez le message court et incitatif

  • Adaptez le contraste texte/fond pour la lisibilité

  • Utilisez les options de défilement ou de flottement pour les alertes urgentes


Une fois les comptes hérités activés, utilisez les pages de documentation de cette section pour styliser chaque partie de l'expérience client.

Mis à jour