Le Framework de Template YJSG est fourni avec un méga menu intégré. Cette fonctionnalité vous aidera à créer des groupes d'éléments de menu ou à publier des modules Joomla! dans vos éléments de menu. Après l'installation du plugin du système YJSG, il vous faut aller dans Menus->MENU_DE_VOTRE_CHOIX

megamenu 1

 

 

Sélectionnez un élément de menu et cliquez sur l'onglet Paramètres Yjsg Mega Menu.

megamenu 2

Paramètres expliqués

Le Mega MenuYjsg dispose de 9 paramètres simples qui vous aideront à configurer votre mise en page de mega menu. Veuillez lire les descriptions des paramètres pour comprendre le processus de création des groupes.

Nom du paramètre

Description du paramètre

Sous titre

Ajoute un sous-titre sous le titre de l'élément de menu

Agir comme que titulaire du groupe?

Définissez si cet élément de menu doit être le titulaire du groupe pour ses éléments enfants

Largeur du groupe

Définissez la largeur de support du titulaire du groupe. Cela devrait être la largeur totale de la largeur des sous-groupes réunis. Si vous avez 3 sous-groupes et chacun est de 200px de large, votre largeur de groupe devrait être large de 600px. Notez : n'entrez pas de px, définissez la largeur comme 600.

Nombre de sous-groupes

Il s'agit du nombre de sous-groupes au sein du groupe. Maximum 5, mais la plupart du temps on se sert de 3.

Largeur des sous groupes

Ici vous pouvez définir la largeur de vos sous-groupes. Si elle est laissée vide et que vous avez 3 sous-groupes, la largeur du groupe supérieur sera divisée par 3 et chaque sous-groupe aura cette largeur. Exemple: 600 / 3 chaque sous-groupe devrait être 200. Remarque: Ajoutez seulement une déclaration de largeur par ligne. N'incluez pas px.

 

Type d'élément de menu

Vous pouvez sélectionner quel type d'élément cela doit être . Module, position de module, lien normal. Si cet élément est un titulaire de groupe, veuillez laisser la valeur par défaut en lien normal.

Afficher le titre du lien, l'image et le sous-titre si le type de lien est module?

 

Si défini sur NON, le titre du lien, l'image du lien et la description du lien ne seront pas affichés. Cette option est fonctionnelle UNIQUEMENT si le type de lien est position de module ou module. C'est utile si vous aimez montrer seulement le module avec son contenu. Par exemple, un formulaire de connexion

Sélectionnez un ou plusieurs modules

Ici vous pouvez sélectionner un ou plusieurs modules à afficher à la place du lien de menu. Si plus d'un module ils seront affichés les uns sous les autres en commençant par le premier sélectionné.

Sélectionnez une ou plusieurs positions

Ici, vous pouvez sélectionner une ou plusieurs positions de modules à afficher à la place du lien de menu. Si plus d'une position de module, ils seront affichés les uns sous les autres en commençant par le premier sélectionné. Note: tout module doit être publié dans la position que vous recherchez afin d'être visible dans cette liste.

Activation / désactivation des paramètres

Pour votre commodité et pour ne pas vous confondre entre les noms de paramètres, nous avons ajouté un simple commutateur qui masquera les paramètres qui ne sont pas utilisés selon le type de lien que vous souhaitez utiliser

Vue par défaut

megamenu 3

« Agir en tant que titulaire du groupe » défini sur Oui

megamenu 4

Type de lien de menu = module

megamenu 5

Type de lien de menu = position de module

megamenu 6

Exemple de paramètrage

Suivez ces instructions pour configurer votre premier mega menu . Le titulaire contiendra 2 groupes de 300px de largeur chacun et 1 élément de menu dans chaque groupe.

Étape 1

Allez à votre lien de menu ( nous allons utiliser l'élément de menu Accueil ) et ajoutez ces paramètres dans l'onglet Paramètres Yjsg Mega Menu:

  • Réglez le sous-titre comme vous voulez. Nous avons utilisé C’est l’accueil.

  • Définir Agir en tant que titulaire du groupe? sur OUI

  • Définir la largeur du titulaire de groupe à 600

  • Définir le nombre de sous-groupes à 2

  • Définir les largeurs des sous-groupes à 300 un par ligne.

  • Laissez le type d'élément de menu à Lien normal

Vous devriez avoir quelque chose comme ça

megamenu 7

Étape 2

  • Créer 2 nouveaux éléments de menu ( tout sauf un séparateur )et donnez-leur des noms comme Groupe 1 et Groupe 2.

  • Définissez votre titulaire de groupe ( Accueil dans notre cas ) comme leurs parents

  • Créer 2 autres éléments de menu, cela peut être n'importe quel type d'élément de menu et définir Groupe 1 comme parent pour le premier et Groupe 2 comme parent pour le second .

    Vous devriez avoir cela dans votre nouveau méga menu :

    megamenu 8

     Ajoutez un module ou des positions de module

    Pour démontrer l'addition de module ou des positions de module aux liens de menu nous utiliserons notre élément de mega menu nouvellement créé et changerons juste le
    Type de lien de menu pour l'élément Groupe 1 et l'élément Groupe 2 en module et position de module.

     Étape 1 ajout du module

    • Allez à votre premier enfant du groupe 1 ( dans notre cas, lien Groupe 1 ) et changez le type d'élément de menu en module.

    •  Depuis le paramètre Sélectionnez un ou plusieurs modules choisissez Login Form (ou module de connection)

    •  Réglez Afficher le titre si le type de lien est position de module ou module? sur Non et sauvegardez.

 

Vous devriez avoir votre module de connexion affiché à la place de l'élément de menu.

megamenu 9

Étape 2 Ajout de la position du module

      • Aller à votre premier enfant du groupe 2 ( dans notre cas lien Groupe 2 ) et changez le type d'élément de menu en position de module.

      • Depuis le paramètre Sélectionnez un ou plusieurs modules choisissez la position de module que vous souhaiteriez afficher.

      • Réglez Afficher le titre si le type de lien est position de module ou module? sur Non et sauvegardez.

megamenu 10

Vous devriez avoir votre position de module affichée au lieu de l'élément de menu.

megamenu 11