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 Yours, vous pouvez créer un méga menu dans lequel son contenu est organisé 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, puis vérifiez le paramètre Activer le menu déroulant (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 promotions . Si vous aimez simplement ce style de liste déroulante et que vous n’avez aucune utilité pour la partie promotions, tout est fait ici. Pour continuer la configuration des promotions, cliquez sur Ajouter un menu Mega pour ajouter un bloc de menu Mega :
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 de l'un des éléments de menu de premier niveau. Voici un exemple dans lequel le méga-menu est contenu dans l'élément Sacs :
Dans le paramètre de l'élément de menu , vous pouvez éventuellement télécharger 2 images pour 2 promotions, respectivement :
Paramètres du bloc de menu Mega
Réglages généraux
| Paramètre | Description |
|---|---|
| Méga menu | Voici pour taper le nom de l'élément de menu dans lequel vous souhaitez qu'il contienne 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. |
| Rendre le méga menu plus étroit | Rend le conteneur du méga menu un peu plus étroit. |
| 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 :
En effet, l'article Sacs à main est lié à une collection qui a l'image :
|
Paramètres des promotions
Vous pouvez éventuellement télécharger 2 images pour 2 promotions. Chacun d'eux a les mêmes paramètres :
| Paramètre | Description |
|---|---|
| Image | L'image que vous souhaitez afficher. |
| Rapport d'image | Le ratio d'image pour la promotion :
|
| Point focal de l’image | Choisissez la zone la plus importante de l’image visible. |
| Titre | Le titre de la promotion. |
| Description | Le texte du paragraphe de la promotion. |
| Superposer du texte sur l'image | Les SMS se superposent sur l'image au lieu de se trouver en dessous. |
| Lien | Le lien vers lequel vous souhaitez que les clients accèdent s’ils cliquent sur la promotion. |
