We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 19325
    • 47 Posts
    Bonjour,

    J’aimerais réaliser un menu du style comme celui-ci http://imp.porsche.com/belgium/fr/

    Pourriez-vous m’aider ou m’indiquer un tutoriel ?

    La première chose, serait que Wayfinder (si j’ai bien compris, c’est lui qui fait le menu) crée le menu verticalement et non pas horizontalement ...

    @+
      • 11975
      • 2,542 Posts
      Ta question concerne d’avantage les css que wayfinder.
      Wayfinder produit l’html du menu selon tes désirs mais absolument pas son rendu graphique.
      Il y a normalement des exemples de menu fourni avec wayfinder dans le dossier assets/snippets/wayfinder/docs de mémoire.

      :-)
        Made with MODx : [url=http://www.copadel.com]copadel, fruits et l
        • 19325
        • 47 Posts
        smiley Dans ce cas, où précise-t-on celui qu’on veux utiliser ?
          • 11975
          • 2,542 Posts
          Il  n’y a pas de modeles pre-construits qu’on appelle.
          On specifie les chunks qui vont servir de micro-templates à l’assemblage du menu dans les parametres de l’appel.

          :-)
            Made with MODx : [url=http://www.copadel.com]copadel, fruits et l
            • 19325
            • 47 Posts
            D’accord mais on indique çà où ?
              • 23050
              • 1,842 Posts
              michel, dans le package de wayfinder que tu trouveras ici, il y a la doc du snippet pour t’indiquer comment utiliser wayfinder et quels sont les paramètres disponibles.
              Tu y trouveras aussi des menus déjà réalisés comme te le disait Helio.

              D’accord mais on indique çà où ?
              Tu utilises les chunks pour indiquer le code HTML que tu souhaites. Ensuite, dans les paramètes du snippet, tu appelles ces chunks. C’est un peu compliqué à expliquer là, mais une fois que tu auras lu la doc, tout sera plus clair... j’espère ! smiley

              Aide-toi des topics déjà créés sur le forum pour comprendre le fonctionnement : http://modxcms.com/forums/index.php/topic,10217.0.html ou http://modxcms.com/forums/index.php/topic,10382.0.html

              Wayfinder n’est pas évident à maitriser au début mais il faut accepter de mettre les mains dans le camboui comme on dit pour apprendre wink
                • 19325
                • 47 Posts
                J’en demandais pas plus, la doc et les liens, c’est super... je verrai çà qd j’aurais quelques heures de temps libre...

                Merci à vous tous
                  • 19325
                  • 47 Posts
                  voilà, j’ai lu la doc mais je ne vois pas comment je dois faire pour mettre en place ce menu vertical.... Pourriez-vous m’éclairez un peu plus... Que faut-il modifier et où ?

                  Si vous aviez une petite documentation en français, ce serait super...

                  Merci d’avance...
                    • 1876
                    • 835 Posts
                    Bonjour,

                    Comme on te l’as dis plus haut, Wayfinder génère le code xhtml de ton menu.
                    Il utilise par défaut des listes du style :
                    <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    </ul>


                    En ce qui concerne la mise en page de ce menu, elle est complètement indépendante de Wayfinder. Cela nous permet à partir du même code généré de créer des menu verticaux, horizontaux, des dropdown .....

                    Donc si tu veux reproduire le menu du site que tu donne en référence, il va falloir que tu regardes un peu de CSS et de javascript.

                    L’exemple qui est le plus proche de ce que tu souhaite et avec un code Xhtml propre est sur A list Apart dont voici la démo.

                    L’anglais est très abordable mais sinon, il y a alsacréation.

                      • 19325
                      • 47 Posts
                      Ma question n’est pas la réalisation du menu... mais je ne comprends pas ce que représentent les différents chunks utilisés et comment se fait l’appel de wayfinder.