L'En-tête est la barre en haut de votre boutique avec votre logo, votre menu, la recherche, le panier et le sélecteur de pays. Cet article explique chaque réglage de l'en-tête et ses cinq blocs.
Où le trouver
Ouvrez le constructeur et cliquez sur l'en-tête dans l'aperçu, ou choisissez En-tête dans l'onglet Sections. Pour en ajouter un, cliquez sur Ajouter une nouvelle section et choisissez En-tête dans le groupe Disposition. Vous pouvez avoir un en-tête par page, sur n'importe quelle page. Chaque page garde sa propre copie : utilisez donc Appliquer à toutes les pages quand vous avez terminé, voir Sections et blocs.
L'en-tête a toujours les cinq mêmes blocs : Logo, Menu, Rechercher, Panier et Localisation. Vous ne pouvez ni les ajouter, ni les retirer, ni les réordonner. Vous les placez avec leurs propres réglages Position et Ligne.
Réglages de l'en-tête
- En-tête fixe : Au défilement vers le haut cache l'en-tête quand les clients descendent et le fait revenir quand ils remontent. Toujours le garde en haut. Fixe avec logo réduit le garde en haut et le rend plus petit (moins de marge, logo plus petit) dès que les clients font défiler. Jamais le laisse partir avec la page.
- Largeur : Page garde le contenu dans la largeur de votre page, Complet l'étire d'un bord à l'autre.
- Schéma de couleurs : les couleurs du fond, du texte et des liens de l'en-tête.
- En-tête transparent : retire le fond de l'en-tête pour laisser voir l'image du héros. Voir ci-dessous.
- Marge intérieure (haut, gauche, droite, bas) et l'onglet CSS personnalisé.
En-tête transparent
Cela ne fonctionne que si un Héros est la première section visible juste sous l'en-tête, car l'en-tête emprunte le schéma de couleurs du héros pour son texte et ses icônes. Il perd son fond, sa bordure et son ombre, et floute légèrement ce qui se trouve derrière. Quand les clients dépassent le héros, l'en-tête retrouve ses propres couleurs. Le panneau de recherche et la liste des pays gardent les couleurs propres à l'en-tête. Les réglages du héros se trouvent dans Section Héros.
Logo
- Logo : choisissez l'image de votre logo. Sans image, le nom de votre boutique s'affiche en texte.
- Position : Gauche, Centre ou Droite. Largeur et Hauteur : la taille du cadre du logo en pixels.
- Marge intérieure sur bureau : l'espace autour du logo, sur ordinateur uniquement.
Le logo ouvre votre page d'accueil au clic. Pour l'en empêcher, activez Empêcher de cliquer sur le logo pour aller à l'accueil, voir Réglages des interdictions.
Menu
Choisissez l'un de vos menus dans Menu. Les autres réglages apparaissent une fois le menu choisi. Les menus se créent dans Comment créer des menus de navigation et les ajouter à l'en-tête et au pied de page ?.
- Type : Méga (grands panneaux en colonnes), Liste déroulante (listes simples) ou Tiroir (un panneau latéral ouvert par un bouton de menu).
- Position et Ligne : l'emplacement du menu. Haut est la ligne principale avec le logo, Bas ajoute une deuxième ligne en dessous. Non affiché pour Tiroir.
- Schéma de couleurs : les couleurs du panneau du menu ouvert.
- Disposition sur mobile : sur téléphone et tablette, le menu passe dans un tiroir. Activez Barre de navigation pour l'afficher plutôt comme une barre sous l'en-tête, avec son propre Schéma de couleurs de la barre de navigation. Non affiché pour Tiroir.
Recherche, panier et localisation
- Rechercher : une icône de recherche qui ouvre un champ de recherche. Réglez Position (Gauche ou Droite) et Ligne.
- Panier : l'icône du panier avec le nombre d'articles. Type de panier est Tiroir (panneau latéral), Liste déroulante (mini-panier sous l'icône) ou Page (ouvre la page panier). Schéma de couleurs stylise le tiroir ou la liste déroulante. Tiroir et Liste déroulante ont aussi un interrupteur Barre de livraison gratuite, voir Comment fonctionne la barre de livraison gratuite ?.
- Localisation : un bouton qui liste vos marchés pour que les clients changent de pays. Activez Sélecteur de pays pour l'afficher. Afficher les drapeaux affiche le drapeau du pays actuel sur le bouton, sinon une icône de globe. Réglez Position et Ligne.
Bon à savoir
- L'en-tête transparent ne fait rien : vérifiez que le Héros est juste sous l'en-tête. Une barre d'annonces ou une autre section entre les deux l'en empêche.
- Le sélecteur de pays ne s'affiche pas : il faut au moins deux marchés, voir Comment configurer des marchés pour vendre dans plusieurs pays ?.
- Des éléments du menu manquent : modifiez le menu lui-même, pas l'en-tête.