Maximenu CK - Megamenu déroulant responsive

• 
• 

Maximenu CK est un module qui vous permet de créer un mégamenu déroulant multicolonnes avec des effets mootools. Vous pouvez organiser et personnaliser votre menu comme vous le voulez grâce à de nombreuses options et des thèmes graphiques.

 

Fonctionnalités du module Maximenu CK

• Multicolonnes et multirangées
• Thèmes responsive design
• Ajout d'un logo à gauche ou à droite du menu
• Effet fancy sur le premier niveau (curseur flottant)
• Effets de déroulement mootools
• Multiple utilisation sur la même page
• Description sous chaque lien du menu
• Thèmes graphiques à installer
• Chargement de modules dans le menu
• Architecture HTML pour styles arrondis (menu, sous-menus et fancy)
• Orientation horizontale ou verticale
• Effet d'opacité au déroulement
• Structure MVC
• Optimisé SEO (liens en dur en HTML)
• Détection de bord pour déroulement vers la gauche
• Affichage d'image sans texte de lien
• Déroulement au survol, au clic, ou ouverture au survol et fermeture au clic
• Compatibilité iPhone, iPad, et Android
• Compatible Virtuemart, permet de lister les catégories des produits automatiquement (nécessite le patch)
• Compatible Hikashop, permet de lister les catégories des produits automatiquement (nécessite le patch)

Paramètres du module

Démo du module Maximenu CK

Démo en mode vertical avec le thème css3megamenu inclus

Démo horizontale avec ouverture en hauteur avec le thème default inclus

Démo avec ouverture en glissement (slide) avec le thème css3megamenu inclus

Démo avec logo chargé dans le menu avec les options

Exemple de menu avec Maximenu 6 pour Joomla 2.5, le thème Css3megamenu (inclus avec le module) et le plugin Maximenu params v2

Une autre démo est également le topmenu en haut de cette page sur Joomlack.fr

Le module Maximenu CK est un menu déroulant amélioré. Il permet l'insertion de description sur les liens du menu, le chargement de modules à l'intérieur du menu, et tout ça en déroulant le menu avec les effets mootools.

Grâce au module de menu Maximenu CK vous pouvez créer le même menu que sur http://www.joomla.org/ .

Pensez à voter sur la JED pour mon menu !

Nécessite PHP5 pour fonctionner

Exemples de réalisations avec Maximenu CK :
http://www.kore-usa.com réalisé par http://www.intangible-logic.com
http://www.lezyne.com réalisé par http://www.intangible-logic.com

Installation du menu

Il suffit d'installer et publier le menu comme n'importe quel autre module à partir de l'administration de votre site Joomla!. Ensuite dans les paramètres d'édition du module, il faut sélectionner le menu à utiliser. Dans mon exemple j'ai créé un menu spécifiquement pour ma démo que j'ai appelé Maximenu CK.

Le nom correspond au menu dans l'administration Joomla!.

Ajouter une description au lien du menu

Pour ajouter une description, il suffit de mettre un séparateur avec deux barres verticales "||".On peut ajouter une description pour n'importe quel lien du menu.

Exemple :

Titre du lien||Description du lien

Aperçu de la structure du menu :

Ajouter un module dans le menu

Pour charger un module dans le menu il suffit de l'appeler avec son nom. Il faut créer un lien de type 'separateur' et dans le titre du lien écrire l'appel au module.

Exemple :

[modname=NOM_DU_MODULE]

Aperçu de la structure du menu :

Où trouver le nom du module Joomla! ?

Il suffit de regarder dans la liste des modules sur votre site Joomla!. Vous voyez le nom avec 'mod_[NOM_DU_MODULE]', exemple : 'mod_latestenews'.

On peut assi charger le module à partir de son ID depuis la version 1.2 du module MaximenuCK. Il suffit alors de créer un lien de type séparateur et d'écrire :

[modid=ID_DU_MODULE]

Aperçu de la structure du menu :

Pour trouver l'ID du module il faut aller dans la gestion des modules de votre site Joomla!. Dans la dernière colonne on trouve l'information :

ASTUCE : vous pouvez insérer le module dans une position fictive (qui n'existe pas dans le template) en tapant un nom de position (ici 'maximenuCK') dans le champ 'position' .

Gérer les colonnes - Maximenu version 4 ou 5

Pour organiser les liens en plusieurs colonnes dans Maximenu (version 4 ou 5 uniquement), il faut indiquer le nombre de colonnes à utiliser au lien parent, et marquer la séparation des colonnes.

Indiquer le nombre de colonnes

Dans le titre du lien parent, il faut ajouter le terme [cols2] pour 2 colonnes, [cols3] pour 3 colonnes, etc...

Marquer la séparation des colonnes

Au niveau de la colonne à créer, il faut ajouter le terme [col] au niveau de la séparation.

Gérer les colonnes - Maximenu version 6

Pour créer les colonnes dans Maximenu version 6, il suffit d'ajouter le paramètre sur le premier lien de la colonne à créer.

[col=180]

180 est la largeur en px de la colonne que l'on veut créer.

La largeur du conteneur de sous-menu s'adapte automatiquement en largeur en fonction des colonnes crées (ce paramètre peut être piloté grâce au plugin maximenu params).

Gérer les images

Il est possible de n'afficher que l'image donnée au lien dans l'administration du menu. Il suffit de mettre le terme [img] dans le titre du lien de menu.

Attribut "rel"

On peut ajouter un attribut rel="..." sur les liens de menu (pour ouvrir le lien dans une lightbox par exemple, avec Mediabox CK il faut ajouter rel="lightbox" ). Pour cela il suffit d'ajouter  [rel=ATTRIBUT], exemple : [rel=lightbox]

Télécharger le module Maximenu CK pour Joomla 2.5

Télécharger le module Maximenu CK module v7 pour Joomla 3.x

Télécharger le module Maximenu CK pour Joomla 1.5

Télécharger le plugin Maximenu CK Params (pour gérer les paramètres en quelques clics)

Téléchargez la documentation du module Maximenu CK

Téléchargez le plugin Maximenu CK Mobile

Téléchargez des thèmes graphiques

Télécharger le patch Maximenu Virtuemart

Télécharger le patch Maximenu Hikashop

Si vous appréciez mon module Maximenu CK, pensez à voter sur la JED. Merci

Discuter du Maximenu sur le forum Joomla.fr

Notes de versions :

VERSION 6.1.24 (J!2.5) + 7.0.18 (J!3.0) :
- ajout de l'option Ancre pour ajouter un suffixe #ancre à l'url (avec le plugin maximenu params)

VERSION 6.1.23 (J!2.5) :
- corrige souci javascript

VERSION 6.1.22 (J!2.5) + 7.0.17 (J!3.0) :
- prise en charge du RTL dans le javascript (J!2.5)
- corrige souci sur durée de relachement (J!3)
- corrige souci sur marges appliquées au logo (J!2.5 + J!3)
- suppression des champs de styles obsolètes (J!2.5 + J!3)
- ajout indentation sur les niveaux dans la vue dropselect (J!2.5 + J!3)
- affichage du lien actif dans la vue dropselect (J!2.5 + J!3)

VERSION 6.1.21 (J!2.5) + 7.0.16 (J!3.0) :
- supprime des clear:both inutiles dans les layouts
- améliore les css des thèmes avec les problèmes d'opacité
- corrige souci sur effet fade (J!3.0)
- améliore le déclenchement des sous menus (J!3.0)

VERSION 6.1.20 (J!2.5) + 7.0.15 (J!3.0) :
- mise à jour des positions d'images sur les vues flatlist et nativejoomla
- mise à jour du theme css3megamenu
- mise à jour du code pour ne pas charger JS sur les vues flatlist, nativejoomla, et dropselect

VERSION 6.1.18 (J!2.5) + 7.0.14 (J!3.0) :
- corrige souci sur css des thèmes blank et css3megamenu
- option pour activer/désactiver responsive

VERSION 6.1.17 (J!2.5) + 7.0.12 (J!3.0) :
- améliore la compatibilité RTL des thèmes css3megamenu et blank
- corrige souci sur classe sfhover avec ouverture au clic

VERSION 6.1.16 (J!2.5) + 7.0.11 (J!3.0) :
- corrige souci sur logo dans orientation verticale

VERSION 6.1.15 (J!2.5) + 7.0.10 (J!3.0) :
- modification classe css sur chargement de module (J!2.5 + J!3.0)
- ajout classe "maximenuck" sur vue flatlist pour prise en compte des styles css (J!2.5 + J!3.0)

VERSION 6.1.14 (J!2.5) + 7.0.9 (J!3.0) :
- corrige un bug css dans la mise en page default.php (J!2.5 + J!3.0)
- ajout option pour ne pas charger le javascript (J!3.0 seulement)
- corrige un souci de z-index (J!2.5 seulement)
- améliore css sur styles séparateur (J!2.5 + J!3.0)

VERSION 6.1.13 (J!2.5) + 7.0.8 (J!3.0) :
- corrige un souci sur dégradé IE9

VERSION 6.1.12 (J!2.5) + 7.0.7 (J!3.0) :
- ajout option pour menu figé en bas de page

VERSION 6.1.11 (J!2.5) + 7.0.6 (J!3.0) :
- améliore les thèmes pour une meilleure compatibilité (J!2.5 + J!3.0)
- ajout d'options de styles pour changer les flèches des liens parent dans le plugin params (J!2.5 + J!3.0)

VERSION 6.1.10 (J!2.5) + 7.0.5 (J!3.0) :
- améliore gestion des styles, pour annuler bordure ou ombre mettre largeur à zéro (J!2.5 + J!3.0)
- ajoute la classe "nav" sur la balise "ul" pour coller au menu standard de joomla 3 (J!3.0)

VERSION 6.1.9 (J!2.5) + 7.0.4 (J!3.0) :
- corrige un bug sur effet onclick (J!2.5)
- corrige souci sur lien avec option sans navigation (J!2.5 + J!3.x)
- améliore gestion des styles pour item type separateur (J!2.5 + J!3.x)
- corrige souci sur largeur de colonne (J!2.5 + J!3.x)

VERSION 6.1.8 (J!2.5) + 7.0.3 (J!3.0) - 16/12/12:
- corrige souci sur menu figé en haut de page
- ajoute des styles pour les items de type separateur (pour créer des entetes de colonne)
- prise en compte du type de lien 'menu heading' (J!3.x uniquement)

VERSION 6.1.7. (J!2.5) + 7.0.2 (J!3.0) - 26/11/12:
- ajout option pour menu figé en haut de page
- corrige un souci javascript (J!3.0)

VERSION 6.16. (J!2.5) + 7.0.1 (J!3.0) - 23/11/12:
- améliore compatibilité affichage plugin params dans adv module manager en mode onglets
- ajout option de styles text-shadow dans plugin params
- améliore compatibilité des thèmes avec le plugin params

VERSION 6.1.5 (J!2.5) - 13/11/12:
- corrige souci sur sous menu actif et effet slide
- corrige souci sur onclick

VERSION 6.1.3 - 28/10/12 :
- possibilité de donner des unités relatives dans les options de styles (%, em)
- remplacement des chemins absolus par des chemins relatifs pour l'appel aux fichiers
- ajout options pour le plugin Maximenu Mobile (voir plugin)
- ajout option d'alignement par defaut des images

VERSION 6.1.2 - 16/10/12 :
- corrige un souci sur les styles des liens separateur
- corrige un souci pour ouverture des sous menus au clic avec les liens separateur

VERSION 6.1.1 - 14/10/12 :
- retour au comportement précédent pour mobiles à cause de soucis sur safari : premier clic  ouvre le menu, deuxième clic ferme le menu
- ajout d'options pour charger un logo dans le menu

VERSION 6.1.0 - 08/10/12 :
- ajout multiples champs de styles avec le plugin maximenu params
- maximenu devient responsive avec les themes préinstallés
- amélioratoin des thèmes
- ajout d'une compatibilité IE7 dans les thèmes avec feuille css spécifique
- ajout d'un thème "blank" pour améliorer la compatibilité et conserver les styles du template

VERSION 6.0.14 - 22/07/2012
- modification du comportement sur mobiles (2e clic sur parent redirige, clic en dehors du menu le referme)

VERSION 6.0.13 - 03/07/2012
- ajout compatibilité RTL (Right To Left) (voir la documentation)
- ajout serveur de mise à jour pour la notification de mise à jour

VERSION 6.0.12 - 21/06/2012
- ajout layer de compatibilité JA Purity ii en position left
- ajout layer de compatibilité Gantry en position navigation
- corrige probleme d'encodage caractère & dans url externe
- ajout css dans les deux themes pour améliorer la compatibilité
- ajout langue Espagnol

VERSION 6.0.11 (J!2.5) - 06/05/2012 :
- ajout layer de compatibilité beez_20 et beez5 en position-12
- ajout option pour corriger le bug chrome et safari pour hauteur sous menus si images de grande taille
- ajout parametres [newrow] et [subwidth]

VERSION 6.0.10 (J!2.5) :
- corrige bug sur code HTML avec multicolonnes
- ajout option de compatibilité pour templates

VERSION 6.0.9 (J!2.5) :
- ajout option pour suffixe pour image de l'item actif

VERSION 6.0.8 (J!2.5) :
- corrige un souci avec l'option hikashop si le patch n'est pas installé

VERSION 6.0.7 (J!2.5) :
- corrige un souci lors de la désinstallation de Virtuemart

VERSION 6.0.5 (J!2.5) :
- ajout option pour sous menus dépendant

VERSION 6.0.4 (J!2.5) :
- ajout compatibilité Hikashop

VERSION 6.0.3 (J!2.5) :
- mise à jour des css du thème css3megamenu
- ajout option durée d'ouverture des sous-menus

VERSION 6.0.2 (J!2.5) :
- mise à jour des css du thème default vertical

VERSION 6.0.1 (J!2.5) :
- amélioration des z-index avec option d'ouverture au clic

VERSION 6.0.0 (J!2.5) :
- Compatibilité Joomla 2.5
- Gestion des ACL
- Gestion du cache
- Création de colonnes ET rangées dans les sous-menus
- Optimisation du code
- Nouveau thème css3megamenu pour créer le même menu que sur Joomla.org
- Nouvelle ergonomie dans l'adminstration du module
- Nouveau paramètre [col=180] pour créer les colonnes sans besoin de séparateur

VERSION 5.25 (J!1.7) + 4.33 (J!1.5):
- le sous menu survolé apparait toujours au dessus des autres sous menus ouverts

VERSION 5.24 (J!1.7) + 4.32 (J!1.5):
- ajout de l'option menu image pour changer les images au survol grâce à un suffixe

VERSION 5.23 (J!1.7) + 4.31 (J!1.5):
- amélioration du comportement au clic

VERSION 5.22 (J!1.7) + 4.30 (J!1.5):
- ajout d'options pour ouvrir dans la direction inverse (BETA)

VERSION 5.21 (J!1.7) + 4.29 (J!1.5):
- corrige un bug lors de l'ouverture des sous mensu au clic

VERSION 5.20 (J!1.7) + 4.28 (J!1.5):
- l'effet fancy disparait si la souris sort du menu (s'il n'y a pas de lien actif)

VERSION 5.19 (J!1.7) + 4.27 (J!1.5):
- modification css pour une meilleure compatibilité
- modification du code pour éviter de charger des lignes vierges dans la page

VERSION 5.18 (J!1.6 + 1.7) + 4.26 (J!1.5):
- mise à jour de sécurité (merci à volkan)
- ajout de l'effet fancy au survol même s'il n'y pas de lien actif

VERSION 5.17 (J!1.6) + 4.25 (J!1.5):
- règle un souci de détection pour iPad

VERSION 5.16 (J!1.6) + 4.24 (J!1.5):
- ajout d'une nouvelle option pour une ouverture coulissante (slide)