Ce thème est livré avec la prise en charge des méga-menus et ces instructions vous montrent comment configurer le menu.
Sur cette page
Le look d'un méga menu
Dans Be Concept , vous pouvez créer un méga menu dans lequel son contenu est disposé en colonnes, comme ceci :
Le méga menu est une combinaison de deux parties : les éléments de menu et les promotions :
Configuration du méga menu
Tout d’abord, vous devez configurer votre menu sur plusieurs niveaux en utilisant la navigation native de Shopify. Pour savoir comment créer un menu à plusieurs niveaux (liste déroulante), veuillez consulter la documentation officielle de Shopify . Vous trouverez ci-dessous un exemple de structure de menu pour accueillir le méga menu dans la toute première capture d'écran :
Dans les paramètres de votre thème, cliquez sur En-tête 1 dans la liste des sections, accédez au paramètre Menu 2 et choisissez le menu que vous venez de créer ci-dessus.
Choisissez ensuite les options que vous souhaitez afficher dans chacun des 3 paramètres de la section : Menu actif , Disposition de l'en-tête et En-tête collant 3. :
Le menu devrait maintenant s’afficher dans un style déroulant simple. C'est simplement parce que nous n'avons pas encore configuré la partie méga menu . Si vous aimez simplement ce style de liste déroulante, tout est fait ici.
Pour continuer la configuration du méga menu , cliquez sur Ajouter un méga menu pour ajouter un bloc de méga menu :
Ensuite, allez dans les paramètres du méga bloc de menu.
Dans le paramètre Élément de menu , tapez simplement le nom de l’élément de menu qui contient le méga-menu. Veuillez noter que le nom saisi dans l'élément de menu doit correspondre au nom des éléments de menu. Voici un exemple dans lequel le méga-menu est contenu dans l'élément Boutique :
Dans le Paramètre d'élément de menu, vous pouvez éventuellement télécharger jusqu'à 5 images pour différentes promotions. Ces images seront affichées dans la bannière du méga menu.
Paramètres du bloc de menu Mega
Les paramètres du menu Mega.
Paramètres | Description | |
---|---|---|
Méga menu | ||
Élément du menu | Saisissez le nom de l'élément de menu dans lequel vous souhaitez contenir le méga menu. Veuillez noter que le nom saisi dans l'élément de menu doit correspondre au nom de l'un des éléments de menu de premier niveau. | |
Afficher les images du méga-menu | Lorsqu'un élément de navigation de deuxième niveau renvoie à une collection avec une image, l'image sera affichée au-dessus du titre du lien. Voici un exemple : Article de deuxième niveau pour les écouteurs : En effet, l'élément Casque est lié à une collection qui contient une image : | |
Etiquette du bouton Laisse l’étiquette vide pour masquer le bouton. | Le texte du bouton | |
Lien du bouton | L'URL du bouton. | |
Promotion | ||
Image | L'image que vous souhaitez afficher | |
Rapport d'image | Le rapport d'image pour les images des articles de blog :
| |
Titre | Le titre de la promotion. | |
Sous-texte | Texte de description de la promotion. | |
Superposer du texte sur l'image | Active l'option Superposer le texte sur l'image . Si cette option est désactivée, le texte sera affiché sous l'image. | |
Lien | L'URL vers laquelle vous souhaitez créer un lien. | |
Étiqueter | Votre texte personnalisé affiché sur une page de produit pour fournir des informations supplémentaires sur le produit. | |
Couleur du texte | La couleur du texte. | |
Couleur du texte superposé | La couleur de superposition du texte. L'opacité de la superposition de texte peut être définie entre 0 et 100 %. |