Comment créer des menus et des méga-menus dans le thème Avada : tutoriel détaillé (02)

Bienvenue dans ce tutoriel, aujourd'hui nous allons vous expliquer en détail comment mettre en place le Normal Menu et le Mega Menu dans le thème Avada. Bien que le menu normal soit relativement simple à mettre en place, nous ne le répéterons pas, si vous voulez en savoir plus, vous pouvez vous référer à la section Paramètres du menu du thème Bâle. Cette fois-ci, l'accent est mis sur le Super Menu, qui a été mis à jour dans la nouvelle version d'Avada pour rendre les réglages plus faciles et plus flexibles. Que vous soyez un utilisateur novice ou expérimenté, cet article vous fournira des étapes et des conseils pratiques.

Etapes : Backend du site web → Apparence → Menus

Comment configurer le méga menu d'Avada ? Il y a deux façons de le faire, et après la mise à jour d'Avada, le nouveau méga menu est beaucoup plus convivial.

Etapes : Backend du site → Avada -> Studio -> Mega Menu (Mega Menus)

J'ai entouré les lieux, vous ne devriez donc pas avoir de mal à les trouver. (Comme ci-dessus)

Choisissez un modèle qui vous plaît et importez-le, n'est-ce pas pratique ?

Création d'un supermenu

Je sais que beaucoup de débutants ne savent pas du tout comment créer un Mega Menu, alors importons simplement un Mega Menu.

Choisissez la bonne. En voici une que j'ai choisie au hasard.

Une fois que vous l'avez ajusté, il vous suffit de l'importer.

Modifier le super menu

Après l'importation, il se peut que vous ne puissiez toujours pas trouver où se trouve le super menu permettant d'accéder au frontend pour le modifier.

Etapes : Avada → Bibliothèque → Mega Menu (type)

Le nom du super menu n'a pas d'importance, comme ci-dessus, c'est ce que j'ai créé, si vous importez ce modèle, c'est pour afficher le nom du modèle.

Faire en sorte que le front-end affiche un méga menu

Un super menu ne peut pas être affiché directement au premier plan, mais il doit également figurer à l'arrière-plan du menu, dans une configuration simple.

Comme je veux que ce méga menu apparaisse sous le centre de produits, qui est l'image que vous voyez sur le site web, cliquez sur l'emplacement dans l'image

Ensuite, sélectionnez le méga menu que vous voulez, et enfin sauvegardez le menu entier pour que le frontend de votre site web puisse afficher le méga menu, n'est-ce pas très simple.

Un mot d'avertissement cependant, si vous utilisez Elementor, il semble un peu encombrant d'avoir à ajouter et modifier manuellement les styles de façon incrémentielle après avoir acheté le plugin Super Menu !

Si vous importez un modèle, vous pouvez modifier les images et le texte afin de ne pas détruire l'effet du modèle. Cliquez sur SAUVEGARDER

Enfin, cliquez sur le menu Enregistrer

Ancien Super Menu

Ici, en fonction de vos besoins, vous voulez me demander quelle est la différence, c'est-à-dire que la nouvelle version consiste à importer le modèle pour le modifier, l'ancienne version nécessite que vous l'appeliez un par un !

Certains d'entre vous voudront peut-être encore utiliser le Super Menu d'origine et se diront : "J'aime les gadgets d'origine, un peu de Super Menu". Vous pourrez alors cliquer sur "Performance" et ouvrir l'ancien Super Menu.

Étapes Avada→Performance→Caractéristiques→Legacy Mega Menu (ancienne version de Mega Menu)

Comment le créer ? Dans la figure suivante, disons qu'il y a trois menus secondaires

Comparons 1,2,3 comme A,B,C, venons-en aux Widgets (gadgets) ici pour créer le premier

Retournez ensuite dans le menu et cliquez sur les options du menu Avada.

Il y a trois éléments principaux à régler comme suit.
Fusion Mega Menu:on est activé.
Mega Menu Wrapper Width:max width最大宽度还是 fit content适合内容，这个你可以每一个都试试，看看效果怎么样，对比后做选择 :.
Mega Menu Number of Columns:Combien de colonnes de mega menu voulez-vous ajouter ? L'image présentée ici comporte 3 colonnes, mais vous pouvez ajouter jusqu'à 6 colonnes.
Après la configuration, il faut penser à revenir à la [structure du menu] sur le côté droit de cette page en cliquant sur [sauvegarder le menu], sinon cette étape est vaine, chaque fois que vous changez le menu, il faut le sauvegarder, n'en parlons pas !

Aller dans [Apparence] [Gadgets], glisser-déposer un [texte] du côté gauche vers le côté droit a été ajouté aux gadgets A, gadgets A passer en mode texte, coller le code, puis passer en mode visualisation, pour voir l'image du centre, pas de problème pour sauvegarder. Les deux autres sont identiques

Un dernier mot pour résumer

Les débutants choisissent directement la nouvelle version du Super Menu sur la ligne, simple et directe !

Si vous êtes encore habitué à l'ancien super menu pour les vétérans d'Avada, vous pouvez l'utiliser, mais les résultats sont presque aussi bons !

résumés

Avec ce tutoriel, nous avons expliqué en détail comment configurer et modifier le méga menu dans le thème Avada, que vous choisissiez d'importer le modèle existant ou d'utiliser l'ancienne méthode de configuration manuelle, vous pouvez facilement créer la disposition du menu adaptée à votre site Web. Nous espérons que ces méthodes vous aideront à démarrer rapidement. Si vous êtes débutant, nous vous recommandons d'utiliser directement la nouvelle version de Super Menu, qui est simple et efficace. Merci pour votre lecture, nous vous apporterons d'autres conseils utiles sur le thème Avada dans le prochain numéro, restez à l'écoute !