Module d’en-tête

Cet article décrit les modules d’en-tête et explique comment créer des en-têtes de page dans Microsoft Dynamics 365 Commerce.

Dans Dynamics 365 Commerce, vous configurez un en-tête de page en tant que fragment de page qui inclut les modules d’en-tête, de bannière promotionnelle et de consentement des cookies.

Le module d’en-tête comprend un logo de site, des liens vers la hiérarchie de navigation, des liens vers d’autres pages du site, un module d’icône de panier, un symbole de liste de souhaits, des options de connexion et la barre de recherche. Le module d’en-tête optimise automatiquement l’appareil que vous utilisez pour afficher le site (en d’autres termes, pour un appareil de bureau ou un appareil mobile). Par exemple, sur un appareil mobile, la barre de navigation est réduite en un bouton Menu (qui est parfois appelé menu hamburger).

L’image suivante montre un exemple de module d’en-tête sur une page d’accueil.

Propriétés d’un module d’en-tête

Un module d’en-tête prend en charge les propriétés suivantes : Image de logo, Lien vers le logo et Liens de mon compte.

Utilisez les propriétés Image du logo et Lien du logo pour définir un logo sur la page. Pour plus d’informations, voir Ajouter un logo.

Utilisez la propriété Mes liens de compte pour définir les pages de compte que le propriétaire du site souhaite afficher des liens rapides dans l’en-tête.

Modules disponibles dans un module d’en-tête

Vous pouvez utiliser les modules suivants dans un module d’en-tête :

• Menu de navigation : Le menu de navigation représente la hiérarchie de navigation des canaux et d’autres liens de navigation statiques. Pour plus d’informations, voir Module Menu de navigation.

• Recherche : Le module de recherche permet aux utilisateurs d’entrer des termes de recherche pour rechercher des produits. Fournissez l’URL de la page de recherche par défaut ainsi que les paramètres de requête de recherche dans Paramètres du site>. Le module de recherche possède des propriétés qui vous permettent de supprimer l’étiquette ou le bouton de recherche selon vos besoins. Le module de recherche prend également en charge les options de suggestion automatique, telles que le produit, le mot clé et les résultats de recherche de catégorie.

• Icône de panier : Le module icône de panier représente l’icône de panier, qui indique le nombre d’articles dans le panier à un moment donné. Pour plus d’informations, voir Module Icône de panier.

• Sélecteur de site : Le module de sélection de site permet aux utilisateurs de parcourir différents sites prédéfinis, selon le marché, les régions et les paramètres régionaux. Pour plus d’informations, voir Module Sélecteur de site.

• Sélecteur de magasin - Vous pouvez inclure le module de sélecteur de magasin dans l’emplacement de sélection de magasin d’un module d’en-tête. Il permet aux utilisateurs de parcourir et de trouver des magasins à proximité. Les utilisateurs peuvent également spécifier un magasin préféré, qui est ensuite affiché dans l’en-tête. Lorsque vous incluez le module de sélection de magasins dans le module d’en-tête, réglez sa propriété Mode sur Trouver des magasins. Pour plus d’informations, voir Module Sélecteur de magasin.

• Localisateur d’entrepôt et de magasin : Sur les sites B2B, vous pouvez inclure le module de localisation d’entrepôt et de magasin dans l’emplacement Warehouse locator du module d’en-tête. Il permet aux acheteurs de parcourir les magasins et entrepôts dans l’ensemble des entités juridiques configurées. Pour plus d’informations, voir le module Localisateur de magasin et d’entrepôt.

Module d’en-tête dans le thème Adventure Works

Dans le thème Adventure Works, le module d’en-tête prend en charge la propriété Mobile Logo. Utilisez cette propriété pour définir un logo pour les viewports mobiles. La propriété Mobile Logo est disponible en tant qu’extension de définition de module.

Créer un fragment d’en-tête pour une page

Pour créer un fragment d’en-tête, procédez comme suit :

1. Accédez à Fragments, puis cliquez sur Nouveau pour créer un fragment.
2. Dans la boîte de dialogue Sélectionner un fragment, sélectionnez le module Conteneur, entrez un nom pour le fragment, puis cliquez sur OK.
3. Sélectionnez l’emplacement Conteneur par défaut puis, dans le volet des propriétés de droite, définissez la propriété Largeur sur Remplir l’écran.
4. Dans l’emplacement Conteneur par défaut, sélectionnez le bouton représentant des points de suspension (...), puis sélectionnez Ajouter un module.
5. Dans la boîte de dialogue Sélectionner des modules, sélectionnez les modules Consentement aux cookies, En-tête et Bannière promotionnelle, puis cliquez sur OK.
6. Dans le volet des propriétés du module Bannière promotionnelle, sélectionnez Ajouter un message, puis sélectionnez Message.
7. Dans la boîte de dialogue Message, ajoutez du texte et des liens pour le contenu promotionnel, puis sélectionnez OK.
8. Dans le volet des propriétés du module Consentement aux cookies, ajoutez et configurez du texte et un lien vers la page de confidentialité du site.
9. Dans l’emplacement Menu de navigation du module En-tête, sélectionnez le bouton représentant des points de suspension (...), puis sélectionnez Ajouter un module.
10. Dans la boîte de dialogue Sélectionner des modules, sélectionnez le module Menu de navigation, puis cliquez sur OK.
11. Dans le volet des propriétés du module du menu de navigation, sous Source du menu de navigation, sélectionnez Retail Server.
12. Dans le volet des propriétés du module du menu de navigation, sous Éléments de menu statiques, sélectionnez Ajouter un élément de menu, puis sélectionnez Élément du menu.
13. Dans la boîte de dialogue Élément du menu, sous Texte de l’élément de menu, entrez « Contact ».
14. Dans la boîte de dialogue Élément du menu, sous Cible du lien d’élément de menu, sélectionnez Ajouter un lien.
15. Dans la boîte de dialogue Ajouter un lien, sélectionnez l’URL de la page « Contact » du site, puis sélectionnez OK.
16. Dans la boîte de dialogue Élément du menu, sélectionnez OK.
17. Dans l’emplacement Recherche du module En-tête, sélectionnez le bouton représentant des points de suspension (...), puis sélectionnez Ajouter un module.
18. Dans la boîte de dialogue Sélectionner des modules, sélectionnez le module Recherche, puis cliquez sur OK.
19. Dans le volet de propriétés du module de recherche, configurez les propriétés selon vos besoins.
20. Dans l’emplacement Icône de panier du module En-tête, sélectionnez le bouton représentant des points de suspension (...), puis sélectionnez Ajouter un module.
21. Dans la boîte de dialogue Sélectionner des modules, sélectionnez le module Icône de chariot, puis cliquez sur OK.
22. Dans le volet de propriétés du module d’icône de panier, configurez les propriétés selon vos besoins. Si vous souhaitez que l’icône de panier affiche un résumé du panier (également connu sous le nom de mini panier) lorsque les utilisateurs la survolent, sélectionnez Afficher le mini panier.
23. Sélectionnez Enregistrer, Terminer la modification pour archiver le fragment, puis Publier pour le publier.

Pour un site B2B qui utilise la recherche d’inventaire entre entités juridiques, ajoutez l’entrepôt et le localisateur de magasins au fragment d’en-tête.

1. Sélectionnez le module d’en-tête dans le fragment d’en-tête.
2. Dans l’emplacement du localisateur d’entrepôt, sélectionnez les points de suspension (...), puis sélectionnez Ajouter un module.
3. Dans la boîte de dialogue Sélectionner modules, sélectionnez Localisateur d’entrepôts et de magasins, puis sélectionnez OK.
4. Réglez la propriété Point d’entrée du module sur ruban supérieur.
5. Configurez les propriétés du locator et la carte facultative.
6. Sélectionnez Enregistrer, sélectionnez Terminer la modification, puis sélectionnez Publier.

Pour vous assurer qu’un en-tête apparaisse sur chaque page, suivez ces étapes sur chaque modèle de page que vous créez pour le site.

1. Dans l’emplacement En-tête du module de page par défaut , ajoutez le fragment d’en-tête que vous avez créé.
2. Sélectionnez Enregistrer, Terminer la modification pour archiver le modèle de fragment, puis Publier pour le publier.

Informations associées

• Présentation de la bibliothèque de modules
• Module Conteneur
• Module icône de panier
• Module Bannière promotionnelle
• Module Menu de navigation
• Consentement du cookie
• Module Pied de page
• Module de sélecteur de site
• Module Sélection de magasin
• Module de localisation d’entrepôt et de magasin