Comment créer un méga menu ?

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
• Configuration du méga menu
• Paramètres du bloc de menu Mega

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

1. 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 :

   

2. Dans les paramètres de votre thème, cliquez sur En-tête ¹ dans la liste des sections, accédez au paramètre Menu ² 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. :

   

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.

4. 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 :

   

5. 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 Vous pouvez éventuellement télécharger 5 images pour 5 promotions, avec les mêmes paramètres pour chacune.
	Image	L'image que vous souhaitez afficher
	Rapport d'image	Le rapport d'image pour les images des articles de blog : Adapter à l'image (par défaut) - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées. Carré - Recadre les images au rapport 1:1. Portrait - Recadre les images au rapport 2:3. Paysage - Recadre les images au rapport 3:2. Large - Recadre les images au format 16:9.
	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 %.

Besoin d'une aide supplémentaire

Si vous rencontrez des problèmes ou avez besoin d'aide supplémentaire avec votre thème Concept, veuillez contacter nos services d'assistance via notre système de tickets pour obtenir de l'aide dans les 8 heures.

Scannez le code QR ci-dessous pour rejoindre notre communauté WhatsApp pour les mises à jour, les actualités et les annonces.