En-tête

La section d’en-tête fournit la navigation et l’identité visuelle 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.

• Jeu de couleurs : le jeu de couleurs appliqué à la section. Par défaut, l’en-tête utilise le premier jeu de couleurs.

• Position du logo : Centrée (par défaut) ou Gauche. Ce paramètre s’applique uniquement à la version ordinateur de l’en-tête ; lorsqu’elle est centrée, le logo s’affiche après la navigation, et lorsqu’elle est à gauche, avant celle-ci.

• Type de style : Contenu sur un seul 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 : le menu utilisé pour la navigation sur ordinateur (par défaut : main-menu). Le tiroir mobile hérite de ce menu, sauf si vous le remplacez par le bloc de menu du tiroir.

• Menu du compte client : le 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éclencheur du menu déroulant sur ordinateur : Clic (par défaut) ou Survol, contrôle la manière 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é.

• Jeu d’arrondis principal : l’arrondi des coins utilisé pour les cartes de l’en-tête (Jeu 1 par défaut).

• Jeu d’arrondis secondaire : l’arrondi des coins utilisé pour les cartes des menus déroulants et des méga-menus (Jeu 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 fichier 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 : un lien ou un 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 Identifiant de l’élément de menu sur l’identifiant exact de l’élément de menu de premier niveau dont ce bloc remplace le menu déroulant ; si aucun élément de menu ne correspond, le bloc ne s’affiche pas. Ajoutez jusqu’à deux promotions, chacune comprenant 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 : le menu situé derrière le bouton hamburger sur mobile. Par défaut, il hérite du Menu de la section, mais vous pouvez choisir un Menu distinct. Il affiche une navigation imbriquée (jusqu’aux liens de troisième niveau), la recherche lorsque Afficher la recherche est activé, ainsi qu’un lien vers le compte client lorsque les comptes clients sont activés.