Abonnement newsletter
ChargementChargement


Comment créer un menu vertical avec Artisteer et Joomla ?

Les Menus Verticaux avec Joomla

Une des questions qui revient en permanence est la suivante : Comment faire pour que le style de menu vertical configuré dans Artisteer s’affiche sur un site réalisé en Joomla ?

A partir de la version 2.4 du logiciel Artisteer, vous pouvez utiliser le Suffixe de classe de module art-vmenu pour appliquer le style de menu vertical Artisteer à votre module de menu dans Joomla.

Voici donc comment procéder.

Création du Menu Vertical

Pour cela, il vous faut procéder comme suite :

  1. Connectez-vous à votre administration Joomla et allez dans le menu Extensions, puis Gestion des modules.

    Sélectionnez le module que vous voulez éditer.

  2. Dans les Paramètres du module, renseignez le champ Suffixe de classe de module avec la valeur suivante : art-vmenu
  3. Si vous créez un menu vertical qui s’ouvre sur un clic souris, veillez à désactiver la mise en cache.

REMARQUE : Si vous voulez remplacer le préfixe par défaut dans Artisteer à savoir art-vmenu (menu Fichier -> Exporter -> Options CSS -> Préfixe CSS) par un préfixe personnalisé, vous devez impérativement ajouter le préfixe CSS personnalisé dans le champ Suffixe de classe de module de Joomla.

Création d’un Menu Vertical avec des sous-éléments

Pour créer un menu vertical avec des sous-éléments, voici comment procéder :

  1. Activez les multi-niveaux dans Artisteer : Onglet Menu Vertical - Sous-éléments - Niveaux. Assurez-vous que le Sous-élément Vertical fonctionne au sein de la template prévisualisée dans Artisteer.
  2. Créez un menu avec des éléments de sous-menu dans Joomla. Les éléments de sous-menu doivent chacun avoir des éléments parent spécifiés.
  3.  Activez les niveaux multiples dans votre module menu (Style de menu - « Affichage des sous-menus - Vertical »).
  4. Utilisez le Suffixe de classe de module : art-vmenu pour appliquer le style de menu vertical aux modules menu souhaité.

REMARQUE : Les sous-éléments n’apparaissent pas lors du passage de la souris, mais seulement lorsque vous cliquez sur l’élément parent (excepté pour les menus ouverts où tous les sous-éléments sont visibles).

19 réponses à Comment créer un menu vertical avec Artisteer et Joomla ?

  • JAECK dit :

    Bonsoir,

    Je me permets de vous contacter car j’ai un problème avec un template (voir pièce jointe).
    En effet, lors de la création, il y un menu vertical (Vertical Menu) à gauche, mais celui disparait lorsque après le transfert et l’installation chez mon Hébergeur.
    J’utilise le CMS Joomla et j’ai donc exporté le template au format Joomla 1.5

    Je n’arrive pas à utiliser ce menu vertical pour mes différents menus.

    De plus je viens de m’apercevoir, et je pense que le problème pourrait venir de là, c’est qu’au niveau de la console d’administration de Joomla dans le gestion des menus, il n’y a que mainmenu, alors que normalement il faudrait en trouver 5 ou 6 (othermenu etc……). Je souhaiterai utiliser le menu vertical pour les sections et catégories de mon site

    D’avance merci pour votre aide

    Cordialement

    Daniel JAECK

    Par ailleurs, j’aurais une petite suggestion pour votre logiciel, pour le rendre encore meilleur : il faudrait pouvoir intégrer une image ou un texte en fifligrane sur l’image de fond

  • Sandrine dit :

    Bonjour,

    Comme indiqué ci-dessus, il vous faut dans les Paramètres du module, renseignez le champ Suffixe de classe de module avec la valeur suivante : art-vmenu

    Cdlt.

  • CHRISTOPHE dit :

    Bonjour,

    J’ai suivi toutes vos remarques pour créer avec Artisteer un menu verticial puis j’ai réalisé tous les réglages dans jommla 1.5 (www.a3e.asso.fr/joomla1.5).

    Hors j’ai beau créer des menus avec des sous menus, ce sont les sous menus qui s’affichent en tant que menu principal !

    Merci de votre aide.

    Cordialement

  • Sandrine dit :

    Merci de vous référer à cet article :
    http://www.artisteer.com/Default.aspx?p=help_joomla#joomla2

  • Sandrine dit :

    Merci de soumettre directement les questions de support dans le système de support :

    http://www.kapitec.com/support/support_new.php

  • Dr NO dit :

    Je n’arrive pas à masquer les sous titres
    d’un titre parent non sélectionné !

    Merci

  • Dr NO dit :

    Pour ceux que ça intéresse, je viens de trouver.

    Dans Menu vertical/Sous élément/ décochez Niveaux ouverts.

  • Guy dit :

    Bonjour,
    J’aurais voulu savoir la démarche avec un Menu Horizontal, comme dans votre site, ici-même. J’ai essayé toutes sorte de manipulations, mais sans succès. J’exporte aussi ma template dans Joomla 1.5.
    D’avance merci

  • Sandrine dit :

    Bonjour,

    Il vous faut aller dans la section Menus de l’interface d’administration de Joomla pour créer vos menus.

    Vos articles étant créés, vous les rattachez aux menus :
    Editer le menu
    Paramètres Basiques -> sélection de l’article

    Cdlt.

  • Guy dit :

    Merci pour la réponse, mais tout ceci est déjà fait. Mon but étant de mettre mon menu vertical actuel (www.divonneplongee.com) en menu horizontal. Y a-t-il des suffixes css à rajouter?
    Pour donner un exemple sur mon site, j’aimerais mettre l’onglet “le coin pratique” en menu horizontal (user3) et quand je clique dessus, il me faudrait le menu vertical (à droite ou à gauche) avec les onglets “téléchargements”, “contacts” et “liens utiles”.
    Encore merci.

  • Sandrine dit :

    Bonjour,

    Merci de soumettre directement les questions de support dans le système de support :
    http://www.kapitec.com/support/support_new.php

    Pour les questions de paramétrage purement Joomla, merci de vous rapprocher de la communauté Joomla.

    Cdlt.

  • Georgio dit :

    Super. ça faisait longtemps que je cherchais. merci!

  • Bruno dit :

    Bonjour,
    J’utilise Artisteer 3 (dernière maj) et joomla 1.7.
    Je ne parviens pas à générer un menu déroulant vertical (position left), et ce malgré toutes les recommandations faites dans l’article…
    Quelqu’un a réussi ?

  • Sandrine dit :

    Avec Joomla 1.6-1.7 lors de l’export il faut veiller à préciser :
    la bonne version de Joomla c’est-à-dire 1.6 – 1.7
    ainsi que les bonnes positions
    Il faut ensuite modifier en conséquence les modules : USER3 devient position1, Left position4 ou 5 …

  • descombe dit :

    Bonjour,
    malgré vos explications très explicites, je n’arrive pas à faire fonctionner mon menu vertical. Il fonctionne en mode niveaux ouvrir tout, mais si je sélectionne l’option cliquable, dans Arteester tout fonctionne mais pas sur le site.
    Remarque les éléments de menus parents sont des liens externes vides ce qui permet d’afficher le nom dans le menu. Est cela qui pose problèmes ?
    Merci pour la réponse

  • Sandrine dit :

    Bonsoir,

    Si vous avez acheter votre licence sur ce site ou l’un des revendeurs français, merci d’ouvrir un cas de support ici :
    http://www.kapitec.com/support/support_new.php

    Cdlt.

  • Cris Zdener dit :

    Bonjour tout le monde

    J’utilise Artisteer 3.1 et Joomla 1.7, j’ai lu, relus les articles ci dessus, essayé et reessayé mais nada, je n’arrive pas à avoir ce@@!! de menu vertical dans la position 7, il applique toujours l’affichage des blocks.
    Si quelqu’un me confirme qu’il y est arrivé merci de nous dire comment !!

    A + tout le monde

  • Support dit :

    Bonjour,

    Il doit y avoir un problème de paramétrage. Il vous faut alors soumettre une demande de support ici :
    http://www.kapitec.com/support/support_new.php

    Cdlt.

  • qwer72 dit :

    Merci pour l’explication, chez moi j’ai enfin pu faire apparaître ce menu vertical.

Laisser un commentaire

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>