En-tête

Mis à jour le mois dernier

La section d’en-tête fournit la navigation et l’image de marque de votre site. Elle apparaît en haut de chaque page, sous la barre d’annonce, dans le groupe d’en-tête.

Paramètres

Ces paramètres contrôlent les couleurs, la mise en page et la navigation de l’en-tête.

Schéma de couleurs : schéma de couleurs appliqué à la section. Par défaut, l’en-tête utilise le premier schéma.
Position du logo : Milieu (par défaut) ou Gauche. Ce paramètre s’applique uniquement à la version de l’en-tête pour ordinateur ; lorsque le logo est centré, il s’affiche après la navigation, et lorsqu’il est à gauche, avant celle-ci.
Type de style : Contenu sur un bloc (par défaut) ou Contenu sur plusieurs blocs, ce qui modifie la façon dont le contenu de l’en-tête est regroupé dans des cartes.
Menu : menu utilisé pour la navigation sur ordinateur (par défaut : main-menu). Le tiroir mobile utilise ce menu, sauf si vous le remplacez avec le bloc de menu du tiroir.
Menu du compte client : menu affiché dans les commandes du compte sur ordinateur et sur mobile (par défaut : customer-account-main-menu).
Afficher la recherche : affiche la recherche dans les icônes de l’en-tête sur ordinateur et dans le tiroir mobile (activé par défaut).
Type de déclenchement des menus déroulants sur ordinateur : Clic (par défaut) ou Survol, qui contrôle la façon dont les menus déroulants s’ouvrent sur ordinateur.
Position du bouton mis en avant : Début (gauche) (par défaut) ou Fin (droite). Au début, il s’affiche avant les liens de navigation ; à la fin, il s’affiche dans la zone des icônes de l’en-tête, après les autres commandes. Le bouton s’affiche uniquement lorsqu’un lien lui est associé.
Schéma d’arrondi principal : arrondi des angles utilisé pour les cartes de l’en-tête (schéma 1 par défaut).
Schéma d’arrondi secondaire : arrondi des angles utilisé pour les cartes des menus déroulants et des méga-menus (schéma 1 par défaut).

Blocs

L’en-tête utilise des blocs fixes pour son logo, son bouton mis en avant et son menu de tiroir, et vous permet d’ajouter des blocs de méga-menu pour les menus déroulants sur ordinateur.

Logo de l’en-tête : définit le logo sous forme d’image ou de SVG (le SVG est prioritaire), ainsi que sa largeur d’affichage, en pixels ou en pourcentage. La taille sur mobile peut être définie séparément. Une carte de logo s’affiche uniquement lorsque le bloc est activé et que le type de style est Contenu sur plusieurs blocs.
Bouton mis en avant : lien ou bouton avec un libellé, une taille (petite, par défaut ou grande) et un alignement. Il s’affiche uniquement lorsqu’un lien est défini, et sa position dépend du paramètre Position du bouton mis en avant.
Méga-menu : un bloc par élément de menu de premier niveau que vous souhaitez développer en méga-menu. Définissez Handle de l’élément de menu sur le handle exact de l’élément de menu de premier niveau que ce bloc remplace pour le menu déroulant ; si aucun élément de menu ne correspond, le bloc ne s’affiche pas. Ajoutez jusqu’à deux promotions, chacune avec un titre, une image, un lien et des couleurs de premier plan et d’arrière-plan ; une promotion s’affiche uniquement lorsque son titre est renseigné.
Menu du tiroir mobile : menu situé derrière le bouton hamburger sur mobile. Par défaut, il utilise le Menu de la section, mais vous pouvez choisir un Menu distinct pour celui-ci. Il affiche une navigation imbriquée (jusqu’aux liens de petit-enfant), la recherche lorsque Afficher la recherche est activé, ainsi qu’un lien vers le compte client lorsque les comptes clients sont activés.

FAQ

Comment modifier la position du logo dans l’en-tête Pops ?

Définissez Position du logo sur Milieu ou Gauche. Ce paramètre s’applique uniquement à l’en-tête sur ordinateur : en position centrale, le logo s’affiche après la navigation, et en position gauche, avant celle-ci.

Pourquoi mon bouton mis en avant ne s’affiche-t-il pas dans l’en-tête ?

Le bouton mis en avant s’affiche uniquement lorsqu’un lien lui est associé. Lorsqu’il s’affiche, sa position dépend du paramètre Position du bouton mis en avant : Début (gauche) l’affiche avant les liens de navigation, tandis que Fin (droite) l’affiche dans la zone des icônes de l’en-tête, après les autres commandes.

Comment transformer un élément de menu de premier niveau en méga-menu ?

Ajoutez un bloc Méga-menu et définissez Handle de l’élément de menu sur le handle exact de l’élément de menu de premier niveau que vous souhaitez développer. Si aucun élément de menu ne correspond au handle, le bloc ne s’affiche pas. Vous pouvez ajouter jusqu’à deux promotions, chacune avec un titre, une image, un lien et des couleurs de premier plan et d’arrière-plan ; une promotion s’affiche uniquement lorsque son titre est renseigné.

Comment contrôler l’ouverture des menus déroulants sur ordinateur dans l’en-tête Pops ?

Définissez Type de déclenchement des menus déroulants sur ordinateur sur Clic (par défaut) ou Survol. Ce paramètre contrôle la façon dont les menus déroulants s’ouvrent sur ordinateur.

Comment modifier l’arrondi des angles des cartes de l’en-tête et des menus déroulants ?

Utilisez Schéma d’arrondi principal pour les cartes de l’en-tête et Schéma d’arrondi secondaire pour les cartes des menus déroulants et des méga-menus. Les deux utilisent par défaut le schéma 1.

Cela vous a-t-il été utile ?