Retrouvez des tutoriels Joomlack pour vous aider à configurer et et personnaliser votre site Joomla.
Maximenu CK est un module qui vous permet de créer un mégamenu déroulant multicolonnes avec des effets de déroulement des sous menus. 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)
- Compatible K2, permet de lister les catégories des produits automatiquement (nécessite le patch)
- Compatible Joomshopping, permet de lister les catégories des produits automatiquement (nécessite le patch)
- Compatible AdsManager, 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
Démo avec mise en page Pushdown et styles gérés uniquement avec Maximenu Params
Démo avec onglets dans les sous menus et styles gérés uniquement avec Maximenu Params
Le tutoriel complet pour recréer cette démo de A à Z est inclus dans le package du plugin Maximenu Params
Exemple de menu avec Maximenu CK, le thème Css3megamenu (inclus avec le module) et le complément Maximenu params
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 javascript.
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 !
Exemples de réalisations avec Maximenu CK :
http://www.kore-usa.com réalisé par http://www.intangible-logic.com
http://www.gilai.ch/ réalisé par http://www.inetis.ch/
https://www.navixia.com/ réalisé par http://www.inetis.ch/
https://www.debiopharm.com/ réalisé par http://www.inetis.ch/
http://food.dothenorth.co.uk/ réalisé par Thomas Ohlander
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 à afficher.
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 :
Et on obtient une description qui se colle sous le titre du lien :
Ajouter un module dans le menu
On peut charger le module à partir de son ID. Il suffit de créer un lien de type 'séparateur' et d'écrire :
[modid=ID_DU_MODULE]
Aperçu du titre du lien de 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 :
Gérer les colonnes
Pour créer les colonnes dans Maximenu, il suffit d'ajouter le paramètre sur le premier lien de la colonne à créer (ou utiliser le plugin Maximenu Params).
[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).
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]
Comment utiliser l'effet Pushdown
C'est simple, il suffit d'éditer les options du module dans "Options avancés" et sélectionner le Type de mise en page "pushdown". Le module s'occupe de gérer le changement de structure et d'adapter l'effet pour avoir le rendu voulu. Ceci est également valable pour tous les autres types de mise en page (default, fullwidth, nativejoomla, dropselect, ...).
Personnaliser facilement le style de votre menu Joomla!
Grâce au complément Maximenu CK Params vous pouvez créer des designs personnalisés pour vos menus dans une interface avec prévisualisation directe ! Installez Maximenu CK Params et gérer les styles directement depuis l'administration du module, sans connaissance technique ni besoin d'éditer de fichier.
Personnaliser facilement la structure de votre menu Joomla!
Grâce au complément Maximenu CK Params vous pouvez gérer la structure de vos menus dans une interface très réactive ! Installez Maximenu CK Params et gérer vos menus directement depuis l'administration du module, sans besoin d'aller dans le gestionnaire de menu de votre site. Changez le titre, ajoutez une description, définissez une icône, créez une colonne ... et plus encore, le tout instantanément !
Options pour mobile
Le module contient une option qui permet d'utiliser l'icône mobile (en forme de hamburger) pour cacher le menu et ne l'afficher que lorsque l'on clique dessus. Vous pouvez activer ou désactiver cette option.
S vous désirez un menu mobile plus puissant qui vous permette d'avoir un rendu vraiment adapté aux appareils tactiles, jetez un oeil au plugin Maximenu CK Mobile.
ATTENTION à la mise à jour ! Si vous voulez mettre à jour votre Maximenu à la version 8 depuis une verison 6 ou 7 vous aurez des différences de rendu. Ne faites pas la mise à jour directement sur un site en production, testez le module sur une copie de votre site. Vous êtes seul responsable de la mise à jour si vous ne prenez pas cette précaution.
Télécharger le module Maximenu CK pour Joomla 3.x
Télécharger le module Maximenu CK pour Joomla 2.5
Télécharger Maximenu CK Params (pour gérer les paramètres et styles 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
Télécharger le patch Maximenu K2
Télécharger le patch Maximenu Joomshopping
Télécharger le patch Maximenu AdsManager
Si vous appréciez mon module Maximenu CK, pensez à voter sur la JED. Merci
- Add option in the Hikashop plugin to sort by name
- Fix issue with module loading
- Fix issue with separator item style in level 1
- Fix issue with css
- New integration with Third party extensions - See the new Maximenu CK Hikashop plugin
- Add compatibility with the native option 'show in menu' for each menu item
- Fix issue with loading module in the submenu
- Fix issue with Fancy
- Improve the mobile compatibility with the plugin Maximenu Mobile
- Improve the code of the layouts to be more generic for the logo and mobile sections
- Fix an issue with the borders
- Add options for all borders in the styles interface of Maximenu Params
- Add overflow detection for vertical menu and the bottom of the page
- Fix an issue with the tabs theme and the hover color of submenu using Params
- Fix an issue with the mobile/desktop hidden option, fixed in the themes css
- Fix an issue with mobile hamburger icon
- Fix an issue with mobile/desktop option
- Fix an issue with margin/padding on module
- Fix an issue with level 3 dropdowns
- Fix an issue with nodropdown submenus
- Fix an issue with parent arrow always showing
- Remove the Custom folder from the theme selection list
- Fix an issue with Virtuemart items not loaded anymore since 8.1.0
- Compatibility with Maximenu CK Params 4.1.0 : New menu manager from the module options
- New option to set an icon for each menu item
- New option to enable/disable each menu item for mobile and desktop
- Fix issue with padding applied on each item
- Fix issue with HTML ID option if numeric
- Add option to compile the CSS into one stylesheet
- Add option to deactivate the sliding effect with the topfixed position
- Add support for CSS class 'showonclick' and 'clickclose' on LI to force the behavior for only one submenu
