Paramètres des bannières

Configuration de votre bannière

Personnalisez chaque aspect de votre bannière avec notre panneau de paramètres complet. Le panneau de paramètres offre un contrôle précis sur la planification, le comportement de lecture et les dimensions.

Planificateur

Configurez quand votre bannière apparaît :

• Visibilité permanente - Toujours visible (par défaut)

  Votre bannière sera constamment affichée sur votre boutique sans aucune restriction de temps.

• Plage de dates - Vous pouvez définir des dates et heures de début et de fin spécifiques
  • Date de début : Sélectionnez le jour, le mois, l'année et l'heure auxquels votre bannière doit commencer à apparaître. Si laissé vide, la bannière sera visible immédiatement après la publication.
  • Date de fin : Sélectionnez le jour, le mois, l'année et l'heure auxquels votre bannière doit cesser d'apparaître. Si laissé vide, la bannière restera visible indéfiniment.

Options de lecture

Ajustez la façon dont les slides de votre bannière effectuent les transitions et se comportent :

• Lecture automatique - Activer/désactiver la progression automatique du changement de slide
• Pause au survol - Activer/désactiver l'option d'arrêter la progression automatique des slides lorsqu'un utilisateur survole la bannière avec sa souris. Utile pour donner aux utilisateurs plus de temps pour lire le contenu.
• Flèches de navigation - Afficher/masquer les flèches gauche et droite pour la navigation manuelle des slides
• Points de navigation - Afficher/masquer les points indicateurs en bas de la bannière
• Vitesse d'animation - Contrôlez la rapidité de l'animation de transition des slides (100ms - 2000ms, typiquement 500ms recommandé)
• Type d'animation - Choisissez entre slide (mouvement horizontal) ou fade (fondu enchaîné)
• Intervalle (intervalle entre slides) - Définissez combien de temps chaque slide s'affiche avant de passer automatiquement au suivant (1000ms - 30000ms). Des intervalles plus longs fonctionnent bien pour les slides riches en contenu.

Dimensions

Contrôlez la taille et le comportement responsive de votre bannière.

Par défaut, les dimensions de la bannière sont calculées en fonction de deux facteurs :

• Largeur : 100% du conteneur (s'étire pour remplir l'espace horizontal disponible)
• Hauteur : La valeur définie dans le champ « Hauteur maximale des bannières » (en pixels)

Modes de remplacement de hauteur

Vous pouvez remplacer le comportement de hauteur par défaut pour des bannières individuelles :

• Par défaut - Utilise la hauteur fixe définie dans « Hauteur maximale des bannières »
  • Idéal pour maintenir des hauteurs de bannières cohérentes dans votre boutique
  • Recommandé pour la plupart des cas d'usage
• Pourcentage - Définissez la hauteur en pourcentage de la hauteur de la fenêtre (vh)
  • Idéal pour les designs responsive qui s'adaptent aux différentes tailles d'écran
  • Exemple : 50% signifie que la bannière occupera la moitié de la hauteur de la fenêtre du navigateur
  • Attention à la pixellisation sur les grands écrans - fournissez des images haute résolution
• Hauteur plein écran - La bannière s'étire pour remplir 100% de la hauteur de la fenêtre (100vh)
  • Parfait pour les sections héros et les expériences de page d'accueil plein écran
  • Crée des premières impressions percutantes et immersives
  • Fonctionne mieux avec des images ou vidéos de haute qualité et de grande taille
• Personnalisé - Définissez une hauteur spécifique en pixels pour cette bannière uniquement
  • Remplace le paramètre global avec une valeur spécifique à la bannière
  • Utile lorsqu'une bannière nécessite des dimensions différentes des autres
  • N'oubliez pas de tester sur les appareils mobiles pour éviter des bannières excessivement hautes

Marges

Ajoutez de l'espacement autour de votre bannière en configurant les valeurs de marge pour chaque côté. Les marges contrôlent l'espace vide entre la bannière et les éléments de page environnants.

Modes lié et délié

Le contrôle des marges dispose d'un bouton de liaison qui vous permet de basculer entre deux modes :

• Lié (uniforme) - Lorsque l'icône de liaison est active, les quatre côtés partagent la même valeur de marge. Modifier un champ met automatiquement à jour tous les autres. Le badge affiche la valeur uniforme (ex. : « 20px »).
• Délié (indépendant) - Lorsque l'icône de liaison est inactive, chaque côté peut avoir sa propre valeur de marge. Cela vous permet de définir des espacements différents pour le Haut, la Droite, le Bas et la Gauche indépendamment. Le badge affiche « Mixed » lorsque les valeurs diffèrent.

Champs de marge

Quatre champs de marge sont disponibles. Chaque champ prend en charge les pixels (px) ou le pourcentage (%) comme unité, et l'unité peut être modifiée indépendamment pour chaque côté :

• Haut : Espace au-dessus de la bannière
• Droite : Espace à droite de la bannière
• Bas : Espace en dessous de la bannière
• Gauche : Espace à gauche de la bannière