Comment utiliser le constructeur de menus

 

Dans les options du module Source, vous pouvez sélectionner la valeur Constructeur de menu comme source de votre menu. Cliquez ensuite sur le bouton Sélectionner pour sélectionner un menu dans la liste. Si vous n'en avez pas, vous pouvez en créer en utilisant le bouton Nouveau.

Vous pouvez modifier votre sélection à tout moment et modifier le menu en utilisant le bouton Modifier directement depuis le Module Maximenu CK.

source d'options du module maximenu

La fonction de création de menus de Maximenu CK vous permet de créer des mégamenus incroyables pour Joomla. Vous pouvez mettre les éléments où vous voulez dans votre menu sans avoir à vous soucier des urls car il les utilisera depuis Joomla.

 

Présentation de l'interface

Si vous cliquez sur le bouton Modifier, vous obtiendrez une fenêtre contextuelle avec l'interface du générateur de menus. Dans cette zone, vous pouvez totalement contrôler votre mégamenu pour votre site web Joomla. Vous pouvez créer des éléments, les organiser, créer le sous-menu et les colonnes, et également leur donner du style.

 

interface preview numbers

 

  1. Ajouter un élément racine : cliquez sur le bouton pour ajouter un nouvel élément au niveau racine du menu. Vous obtiendrez une popup pour sélectionner le type d'élément à ajouter (élément de menu, image, titre...)
  2. Élément de menu :
    Cliquer : révéler le sous-menu pour créer un nouveau sous-menu, gérer les éléments et colonnes existants
    Déplacer : utiliser le glisser icône pour déplacer l'élément et organiser le menu par glisser-déposer
  3. Icônes des éléments de menu :
    État : cliquez sur l'icône de l'état pour le mettre à jour (publier / dépublier)
    Édition : cliquez sur l'édition icône pour ouvrir la fenêtre contextuelle avec toutes les options de l'élément sélectionné. Les options varient en fonction du type d'élément. Vous pouvez modifier le titre, l'icône, etc
    Style : cliquez sur l'icône de style pour modifier le style de l'élément. Vous pouvez configurer la couleur, la police, les marges, etc. dans le popup
    Supprimer : cliquez sur l'icône de la corbeille pour supprimer définitivement l'élément
  4. Options du sous-menu :
    Largeur / Hauteur / Gauche / Haut : donnez une valeur (vous pouvez spécifier une unité) pour ajouter n'importe quel paramètre. Cela vous aidera à gérer les dimensions et les positions du sous-menu
    Pleine largeur : cliquez sur l'icône pleine largeur pour basculer la fonctionnalité pleine largeur pour ce sous-menu
  5. Icônes de sous-menu :
    Colonnes : cliquez sur l'icône des colonnes pour créer une nouvelle colonne. Il sera ajouté à la fin du sous-menu après la dernière colonne et vous pourrez ensuite modifier sa position par glisser-déposer
    Ligne : cliquez sur le bouton de ligne pour créer une nouvelle ligne. Cela crée une séparation horizontale avec les colonnes précédentes
  6. Options des colonnes :
    Supprimer : cliquez sur l'icône de la corbeille pour supprimer les colonnes
    Déplacer : utilisez cette icône pour faire glisser et déposer la colonne où vous voulez dans le sous-menu actuel. Vous ne pouvez pas déplacer une colonne entière dans un autre sous-menu, vous devez déplacer les éléments
    Largeur : donnez une valeur dans ce champ pour donner une largeur de colonne. Cela peut être en px ou %, vous pouvez spécifier l'unité dans le champ
  7. Ajouter un élément : cliquez sur l'icône plus pour ajouter un nouvel élément dans la colonne actuelle. Vous obtiendrez une fenêtre contextuelle pour sélectionner le type d'élément, cela fonctionne de la même manière que pour l'élément racine
  8. Options de l'élément :
    Déplacer : vous pouvez faire glisser et déposer l'élément d'un endroit à un autre. Cela peut être une autre colonne dans un autre sous-menu
    Aperçu : vous pouvez voir quel type d'élément vous avez, pour une image vous obtiendrez l'aperçu, sinon vous obtiendrez un texte
    Etat : cliquez sur l'icône d'état pour le mettre à jour (publier / dépublier)
    Édition : cliquez sur l'icône d'édition pour ouvrir la popup avec toutes les options de l'édition sélectionnée Objet. Les options varient en fonction du type d'élément. Vous pouvez modifier le titre, l'icône, etc
    Style : cliquez sur l'icône de style pour modifier le style de l'élément. Vous pouvez configurer la couleur, la police, les marges, etc. dans le popup
    Supprimer : cliquez sur l'icône de la corbeille pour supprimer définitivement l'élément

 

 

Créer un nouvel élément

 

Lorsque vous cliquez sur le bouton 1 ou 7, vous obtenez une fenêtre contextuelle avec une liste des types d'éléments. Vous pouvez sélectionner le type que vous souhaitez utiliser, en gros voici une liste des types disponibles (cela peut varier)

add root item

  • Élément de menu : vous pouvez choisir un élément de menu existant dans votre menu Joomla. Vous obtiendrez l'identifiant et l'alias de l'élément de menu tels que définis dans Joomla. Notez que vous pouvez le mettre n'importe où dans votre constructeur de menu, cela n'affecte pas l'élément dans le menu Joomla
  • Modules : ceci chargera directement un module dans votre menu. Vous pouvez choisir parmi les modules existants disponibles sur votre site Joomla
  • Image : vous pouvez facilement ajouter une image dans votre menu en la sélectionnant, lui donner les dimensions, la balise alt, etc.
  • Titre : vous pouvez ajouter un titre. Vous pouvez définir le niveau de titre, configurer le texte
  • Autoloader : il existe des autoloaders que vous pouvez utiliser (articles, Hikashop, éléments de menu ...). Ils chargeront automatiquement les éléments de votre menu. Vous ne pouvez pas gérer ces éléments individuellement mais ils seront automatiquement mis à jour en fonction de la source

 

 

Comment styliser votre mégamenu

 

Il existe quelques options de style dans l'interface du générateur de menu. ATTENTION : vous n'avez pas besoin de styliser individuellement chaque élément ou sous-menu, c'est uniquement si  vous voulez donner un style spécifique à une partie spécifique.

 

Comment styliser le style général du menu

Maximenu CK a certaines fonctionnalités incluses dans le module pour styliser votre menu. Cela s'appliquera également à votre mégamenu créé dans le constructeur de menu. Pour sélectionner et éditer le style vous pouvez aller dans les options du module >> Style

style option

C'est ainsi que vous devez styliser votre menu. Le thème recommandé est vierge, qui vous permettra de contrôler totalement votre conception dans l'interface de style.

 

Comment styliser un élément spécifique

Une fois que vous avez stylisé votre menu à l'aide de l'interface de style à partir des options du module, vous pouvez définir un style personnalisé sur un élément spécifique. Dans ce cas, vous pouvez le faire dans l'interface du générateur de menus. Chaque élément a une option de style (icône de crayon) sur laquelle vous pouvez cliquer. Cela ouvrira une fenêtre contextuelle avec l'interface de style pour cet article :

menu item style options

Il existe de nombreuses options pour styliser l'élément, également dans son état de survol et actif. Dans cette zone, vous pouvez également styliser le sous-menu qui se trouve sous cet élément.

 

Comment créer un élément de menu et qu'en est-il du SEF

 

La fonction de création de menu n'a aucun rapport avec le menu natif de Joomla. Vous pouvez ajouter n'importe quel élément de menu joomla existant à votre mégamenu à l'aide de l'interface de création de menus.

Vous ne pouvez pas créer un élément de menu Joomla à partir de l'interface, vous devez le faire dans le gestionnaire de menu Joomla (joomla admin >> menu), puis vous pouvez l'ajouter à votre mégamenu. Il utilisera le texte par défaut mais vous pouvez le modifier. Il utilisera l'URL de l'élément de menu joomla, et peu importe où vous le mettez dans le mégamenu.

Notez que le mégamenu ne crée pas l'URL, et qu'il n'y a aucune relation entre la structure du mégamenu et les URL de votre menu. Les urls de menu doivent être gérées dans le gestionnaire de menu Joomla.

 

 

Télécharger Maximenu CK

 

 

Outil de création rapide, puissant et responsive.

En savoir plus

Extensions favorites

logo maximenuck 110 logo pagebuilderck 110 logo slideshowck 110template creator ck large 449

Sauvegarder
Choix utilisateur pour les Cookies
Nous utilisons des cookies afin de vous proposer les meilleurs services possibles. Si vous déclinez l'utilisation de ces cookies, le site web pourrait ne pas fonctionner correctement.
Tout accepter
Tout décliner
Analytics
Outils utilisés pour analyser les données de navigation et mesurer l'efficacité du site internet afin de comprendre son fonctionnement.
Google Analytics
Accepter
Décliner