Connecter les pages à la navigation du site
Modifiez les menus header et footer pour aider les visiteurs à atteindre les bonnes pages et zones storefront.
Utilisez le panneau Menu lorsqu’une page, collection, zone storefront, recherche, cart, account ou groupe footer doit apparaître dans la navigation. Vérifiez les changements en aperçu avant publication, car ils influencent le parcours des visiteurs.
Ouvrir le panneau Menu
- Ouvrez Sites et entrez dans le Visual Editor.
- Choisissez Menu dans la barre de gauche.
- Vérifiez Header Navigation pour les liens principaux du header.
- Vérifiez Footer Navigation pour les liens groupés du footer.
Mettre à jour Header Navigation
Header Navigation peut inclure Home, Forms, Products, Services, Blog, Docs, Cart, Account, Search, des entrées de langue ou des éléments de type collection. Utilisez Add Header Navigation item pour ajouter un élément, puis ouvrez-le pour modifier ses réglages.
- Utilisez la poignée de déplacement pour réordonner les éléments du header.
- Utilisez le contrôle d’ouverture pour afficher les réglages.
- Utilisez le contrôle de retrait lorsqu’un élément ne doit plus apparaître.
- Laissez le label vide seulement si l’élément doit s’afficher en icône seule.
Choisir le type et la destination
Pour les pages internes, choisissez Item Type: Page et sélectionnez la page, par exemple home (/), forms (/forms), products (/products), services (/services), blog (/blog), docs (/docs), cart (/cart), account (/account) ou search (/search). Utilisez Custom URL pour les liens externes ou les destinations personnalisées. Les liens internes devraient préférer Page lorsque la page existe dans le sélecteur.
Open In contrôle si le lien s’ouvre dans la même fenêtre. Icon et Style contrôlent le rendu visuel, et Visible contrôle si l’élément apparaît dans la navigation.
Utiliser Dynamic Children pour les menus source-backed
Dynamic Children peut résoudre des enfants de menu depuis des données source-backed au runtime, comme Product Categories. Children Layout contrôle l’affichage de ces enfants dans les dropdowns du header. Parent category, Ancestor category, Selected slugs, Depth, Children limit, Include nested children et Show source images permettent de limiter ce qui apparaît lorsqu’une source runtime est utilisée.
Mettre à jour les groupes Footer Navigation
Footer Navigation est organisé en groupes comme Navigation, Commerce et Resources. Chaque groupe peut contenir Links, être déplacé vers le haut ou le bas, ouvert, retiré ou modifié. Utilisez Add Links item pour ajouter un lien dans un groupe, ou Add footer group pour créer un nouveau groupe.
- Les groupes Navigation incluent souvent Home, Products et Services.
- Les groupes Commerce peuvent inclure Categories, Brands et Cart.
- Les groupes Resources peuvent inclure Forms, Blog et Docs.
- Les clés comme footer.navigation, footer.commerce et footer.resources aident à identifier le groupe footer dans la configuration du theme.
Vérifier et publier les changements de navigation
Prévisualisez le header et le footer sur desktop, tablette et mobile avant publication. Vérifiez les dropdowns, éléments icône seule, groupes footer, présentation des langues et liens vers pages, cart, account, search ou collections source-backed. Publiez lorsque la navigation correspond à la structure prévue.