Relier Plusieurs menus ?

[Mister Paul]

Bonjour,


J’ai scindé 1 menu trop profond (5 niveaux) en 2 menus différents :
Le 1er est classique dans le header avec ses 3 niveaux. Et quand on a besoin d’aller plus profondément dans une sous-sous rubrique un 2nd menu apparait dans la page à droite avec ses 2 niveaux supplémentaires. Ça marche pas mal et on n’a pas l’impression d’une arborescence trop profonde.

Par contre je n’ai pas de lien entre les 2 menus... et j’aurais aimé avoir l’arborescence des rubriques successives signalée (colorée) dans le menu du header.

Il y a un moyen pour relier des menus dans Joomla ?


Merci pour l’aide
PAul

[dolmenhir]

Salut,

Tu peux faire mieux et sans créer deux menus séparés, ce qui te permettra de conserver les liens et dépendances entre les items de menu.
Pour cela, utilises les paramètres proposés dans le module de menu.
Tu verras que tu peux indiquer le niveau de départ et le nombre de niveau.
Avec deux modules pour le même menu (1 pour la navigation principale et l'autre comme menu annexe) et des réglages complémentaires dans leur paramètres réciproques, tu devrais rapidement arriver à tes fins

Dol.

[chabi01]

Bonsoir,
Peux-tu nous donner l'url de ton site pour voir ? Ce sera plus simple que d'imaginer

Sinon, je ne connais pas de moyen de "relier des menus" autrement qu'en affichant un module avec le 2e menu. En utilisant alors un plugin additionnel comme "Advanced Module Manager", on peut arriver à jongler : https://www.regularlabs.com/extensio...dmodulemanager

Cordialement,

[woluweb]

Tout dépend de ce que la question signifie exactement évidemment.
Mais pour prendre un exemple concret justement :

sur https://www.belgiqueenbonnesante.be/...pes-d-hopitaux
- il y a le menu principal en haut
- et un menu latéral gauche

En fait, il y a *une seule* arborescence sur le site avec des éléments de menu de niveau 1 à 5 par exemple.
Dans le menu principal, je n'affiche que les niveaux 1 à 3 p.ex.
Et dans le menu latéral, c'est un simple Module de menu, qui sélectionne le menu principal... mais où je fais commencer le niveau à 2 (p.ex) jusque 5 (p.ex.).

Du coup, j'ai le meilleur des deux mondes.

(à noter que le framework Astroid permet de limiter les éléments de menu principal au niveau X, ce qui est pratique. Ici c'est pas Astroid et je regrette du coup )

[dolmenhir]

Voici la méthode que j'ai testée sous Protostar (je précise car selon le template le framework peut impacter ce mode de fonctionnement).

Menu Principal (main menu)

• Lien 1
  • Lien 1a
    • Lien 1a1
• Lien 2
  • Lien 2a
    • Lien 2a1

Paramètres du module 1 du menu principal :
- Menu à afficher "main menu"
- Lien de base : courant
- Niveau de départ : 1
- dernier niveau : 2

Ce menu affichera :

• Lien 1
  • Lien 1a
• Lien 2
  • Lien 2a

Paramètres du module 2 du menu principal :
- Menu à afficher "main menu"
- Lien de base : courant
- Niveau de départ : 3
- dernier niveau : 3
- assignation des menus : tous les item de menu de niveau 2 (lien 1a, et lien 2a) et de niveau 3 (lien 1a1, lien 2a1)


En cliquant sur :
- lien 1a : le module secondaire apparaît avec le lien 1a1
- lien 2a : le module secondaire apparaît avec le lien 2a1

[dolmenhir]

En cliquant sur :
- lien 1a : le module secondaire apparaît avec le lien 1a1
- lien 2a : le module secondaire apparaît avec le lien 2a1

A noter qu'avec cette méthode, "Lien 1a" et "Lien 2a" du menu principal conservent la classe "parent".
De plus si "Lien 1a1" est sélectionné, "Lien 1a" aura les classes "active parent", pendant que "Lien 1a1" aura les classes "current active".

Par ailleurs, le fil d'Ariane (breadcrumbs) conserve toute son arborescence logique puisque tout découle d'un seul et même menu.

[Mister Paul]

Merci pour vos réponses.
Effectivement avec un module de menu je pourrai m’en sortir pour définir les niveaux d’arborescence tout en n’ayant qu’un seul menu !
Super.


Mais... j’aimerais éviter, si possible, de mettre un module de menu aussi dans le menu principal en haut… (j'utilise un template qui switche automatiquement en accordéon menu si la fenêtre est trop restreinte, etc. Je crains de tout casser en passant le menu dans un module.)

@woluweb
Tu passais aussi par un module pour restreindre les niveaux de ton menu principal ?

[dolmenhir]

Le menu, pour apparaître quelque part, doit forcément passer par un module.

Dans ton cas, il y aurait un second module, basé sur le même menu mais avec des paramètres de niveaux différents, qui devra être créé pour que ce menu annexe puis apparaître également.
La question est : où veux-tu qu'il apparaisse, mais en théorie tu peux le mettre n'importe où.

Si tu veux que ton menu principal disparaisse au profit du menu secondaire quand tu atteins un certain niveau, il va falloir que tu prévois de masquer le menu principal quand le secondaire est affiché (dans les assignation du module) mais également trouver le moyen de permettre à l'utilisateur de revenir aux items de menu principaux.

Dans l'absolu, tu devrais garder en permanence ton menu principal dans sa position de prédilection, et n'afficher le module secondaire que dans une autre position, idéalement latérale (droite ou gauche) voire créer une position sous le menu principal, ce qui permettra de voir le menu secondaire apparaitre, quand c'est nécessaire, sous le menu principal.

Mais attention, là encore, certains Framework de template ont un schéma de gestion des menu qui peut interférer avec cette logique.

Si tu as une url de ton site à nous indiquer, on pourra voir à quoi ressemble ton site, et te faire des suggestions adaptées à ton environnement.

[woluweb]

restreinte, etc. Je crains de tout casser en passant le menu dans un module.)

@woluweb
Tu passais aussi par un module pour restreindre les niveaux de ton menu principal ?

comme je disais : pour limiter la profondeur du menu principal, on peut utiliser un template comme Astroid (JoomDev) qui a cette option
Ou un template du genre de Protostar, où même le menu principal reste un simple module (et ne se configure pas depuis le template/framework)

[Mister Paul]

Bon finalement je m'en suis sorti en mettant une CSS Class avec un {display: none !important;} sur les éléments du menu que je ne voulais pas voir apparaître dans le menu du haut mais seulement dans celui à droite.
Ça marche bien comme ça.

Merci pour votre patience et vos bons conseils !

[Mister Paul]

Patatras... il me reste un bout de background qui traîne (cf image)
Un moyen simple d'enlever ce reliquat ?

[dolmenhir]

En indiquant dans ton module de menu un niveau max à 3 ça ne règle pas ton problème ?

[Mister Paul]

Nan, ce "Mega Menu" de Jooshaper ne permet pas de préciser les niveaux (!). Pff... Je viens tout juste de m'en sortir avec une nouvelle règle CSS qui coupe l'affichage du menu principal sous le 3ème niveau. Je pense que c'est bon maintenant.

[Mister Paul]

A un moment je n’arrivais pas à avoir une correspondance, mais juste sur la 1ère fois...

Quand je passais par un type de lien de menu Article dans le menu du haut (là où je coupais le niveau pour le retrouver ouvert en bas), en arrivant sur la page de l’article, le module menu n’était pas en surbrillance…

Il a fallu que je fasse un type de lien de menu URL dans le menu du haut en collant l’URL de l’article (index.php?option=com_content&view=article&id=74&I temid=621&lang=fr) et là ça fonctionne.

J’en déduis que l’URL n’est pas touchée par Joomla alors qu'elle avait été modifiée à la volée en tant qu'Article.

C’est tout bon maintenant, donc.

[dolmenhir]

Une solution : les alias de menu.

J'ai personnellement testé cela avec un template HelixUltimate (ça marche donc même avec le MegaMenu de Joomshaper).

J'ai 2 menus :

• 1 menu principal
• 2 menu secondaire

J'ai aussi 2 modules de menu :

• 1 module pour le menu principal
• 1 module pour le menu secondaire

Menu Principal

• Lien 1
  • Lien 1a (de type alias vers lien 1a du menu secondaire)
• Lien 2
  • Lien 2a (de type alias vers lien 2a du menu secondaire)

Menu Secondaire

• Lien 1a
  • Lien 1a1
  • Lien 1a2
  • Lien 1a3
  • etc.
• Lien 2a
  • Lien 2a1
  • Lien 2a2
  • Lien 2a3
  • etc.

Paramètres du module du menu principal :
- Menu à afficher "menu principal"
- Lien de base : courant
- Niveau de départ : 1
- dernier niveau : 2

Paramètres du module du menu secondaire :
- Menu à afficher "menu secondaire"
- Lien de base : courant
- Niveau de départ : 2
- dernier niveau : 2

Il est important que les alias de menu soit dans cet ordre là, c-a-d, les vrais items sont dans le menu secondaire, et les alias dans le menu principal.
Ainsi, l'alias, de part sa relation avec le vrai item dans le menu secondaire, et le rend ainsi dépendant de son propre parent, créant de fait la hiérarchie/arborescence correspondante.
Tu conserveras ainsi toutes les les relations logiques entre les items et leurs parents, à la fois dans les classes (current, parent, active) et dans le fil d'Ariane.

Evidement, il faut calibrer les assignations du module du menu secondaire pour qu'il apparaisse au bon moment.
Mais ce qui est bien, c'est qu'il pas besoin d’apparaître sur les items du menu principal, puisque ce ne sont que des alias vers le menu secondaire.
Donc le configurer pour que ce module du menu secondaire apparaissent sur les items du menu... secondaire.

Pour te simplifier la vie, avec l'extension "advanced Module Manager" de Regular Labs, tu peux affecter ce module à ce menu secondaire, et activer une option "liens enfants".
Du coup, tu n’auras plus à le mettre à jour à chaque fois qu'un nouvel item ou sous-item de menu sera ajouté au menu secondaire ; cela se fera automatiquement.