We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 45322
    • 9 Posts
    HI, I am new to this site and new to Modx having recently decided to ditch Pixie CMS which I have had fun learning the basics on with CSS and HTML

    since movig to MODx I have struggled with building menus for my site that I am creating

    its not public yet so I cant offer a link

    I am trying to use wayfinder but the whole system just seems so bloody long winded and in need of so many elements to be added just make a damn menu

    now before you say use the search feature, I have this was my result
    myvar is one

    so I am here to ask, nay beg for help

    I want to turn this

    					<ul id="main-nav">
    						<li class="current"><a href="home.html">Home</a></li>
    						<li><a href="about.html">About</a></li>
    						<li>
    							<a href="services.html">Services</a>
    							<ul>
    								<li><a href="services.html">Service Page 1</a></li>
    								<li><a href="services.html">Service Page 2</a></li>
    								<li>
    									<a href="services.html">Service Page 3</a>
    									<ul>
    										<li><a href="services.html">Service Page 1</a></li>
    										<li><a href="services.html">Service Page 2</a></li>
    										<li><a href="services.html">Service Page 3</a></li>
    										<li><a href="services.html">Service Page 4</a></li>
    									</ul>
    								</li>
    								<li><a href="services.html">Service Page 4</a></li>
    							</ul>
    						</li>
    						<li><a href="projects.html">Projects</a></li>
    						<li><a href="blog.html">Blog</a></li>
    						<li><a href="contact.html">Contact</a></li>
    						<li>
    							<a href="#">Bonus Pages</a>
    							<ul>
    								<li><a href="home.html">Home Style 1</a></li>
    								<li><a href="home2.html">Home Style 2</a></li>
    								<li><a href="gallery.html">Gallery Classic Page</a></li>
    								<li><a href="gallery-projects.html">Gallery Projects Page</a></li>
    								<li><a href="#login" data-inline title="Login">Login</a></li>
    								<li><a href="under-construction.html">Under Construction</a></li>
    								<li><a href="error.html">Error Page</a></li>
    								<li><a href="full-page.html">Full Page</a></li>
    								<li><a href="3-cols-page.html">3 Columns Page</a></li>
    								<li><a href="left-sidebar.html">Left Sidebar</a></li>
    								<li><a href="right-sidebar.html">Right Sidebar</a></li>
    								<li><a href="sitemap.html">Sitemap</a></li>
    								<li><a href="styles.html">Styles</a></li>
    							</ul>
    						</li>
    					</ul>
    
    					<ul class="socials">
    						<li class="facebook"><a href="#">Facebook</a></li>
    						<li class="twitter"><a href="#">Twitter</a></li>
    						<li class="rss"><a href="#">RSS</a></li>
    					</ul>
    				</nav>


    into this

    <nav>
    <!-- outerTpl -->
    <ul id="main-nav"[[+wf.classes]]>
    [[+wf.wrapper]]
    </ul>
    
    <!-- ParentRow -->
    <li>
    <a href="[[+wf.link]]">[[+wf.linktext]]</a> - [[+wf.description]]
    [[+wf.wrapper]]
    </li>
    
    
    					<ul class="socials">
    						<li class="facebook"><a href="#">Facebook</a></li>
    						<li class="twitter"><a href="#">Twitter</a></li>
    						<li class="rss"><a href="#">RSS</a></li>
    					</ul>
    				</nav>


    but I have no idea why it doesn't work or how to make it work and frankly having spent nearly 17 hours fighting and reading every bit of documentation... I just figured seriously... I thought MODx was to simplify things, this seems so bloody complicated.

    why cant I just create a single chunk to out put my Navigation menu instead of having like three or four chunks that I have to somehow string together

    please please some one help me

    yours sincerely Sad n Depressed
      • 42049 ☆ A M B ☆
      • 250 Posts
      Welcome to the world of MODX - firstly call wayfinder with the following commands

      [[Wayfinder? &startId=`0` &level=`3` &outerTpl=`myOuterTpl` &innerTpl=`myInnerTpl`]]


      Make a chunk called myOuterTpl and give it this code

      <ul id="mainnav"[[+wf.classes]]>[[+wf.wrapper]]</ul>


      Make a chunk called myInnerTpl and give it this code

      <ul [[+wf.classes]]>[[+wf.wrapper]]</ul>


      Then make your resources as they are in the static HTML above, make sure they are "published" and that hide from menus is not ticked.

      If you've done all that - your menu should appear smiley
        GEL STUDIOS
        MODX Professional | MODX Ambassador

        Website | Email | Twitter | Facebook
        • 45322
        • 9 Posts
        Hi thank you for the reply

        I have changed the chunks I made

        I had three

        active
        row
        outer

        I called way finder but I was getting no where

        I have delete my set up and done the one you have suggested

        I dont get the desired layout I am hoping for it just seem seems to stack all the menus in a list top to bottom, maybe my css needs altering

        but thank you for the help
          • 45322
          • 9 Posts
          this may help

          site with menu as I want it

          http://www.my-idiot-family.co.uk/

          site using wayfinder to try auto generate the same effect but not working

          http://www.rik-sprint.co.uk/

          its the blog thats not working it should have drop sown sub menus


          bed time its gone midnight and I am up at 6 am

          [ed. note: sugacoma last edited this post 12 years, 11 months ago.]
            • 28042 ☆ A M B ☆
            • 24,524 Posts
            In the first place, in rik-sprint you have [(modx_charset)] instead of [[++modx_charset]]. I see one sub-menu item in the Blog menu.

            Are you using Articles for the blog? Articles pages are automatically set to not show in the menu.

            The other site has a couple of errors - no closing > on the <body tag, and an extra closing </section> tags

            Always validate!
              Studying MODX in the desert - http://sottwell.com
              Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
              Join the Slack Community - http://modx.org
              • 45322
              • 9 Posts
              Quote from: sottwell at Oct 06, 2013, 09:58 PM
              In the first place, in rik-sprint you have [(modx_charset)] instead of [[++modx_charset]]. I see one sub-menu item in the Blog menu.

              Are you using Articles for the blog? Articles pages are automatically set to not show in the menu.

              The other site has a couple of errors - no closing > on the tags

              Always validate!

              thank you for the heads up on the errors I will look into them.

              after a little sleep about 4 hours (its the depression tablets keep me awake)

              I found the error

              Make a chunk called myOuterTpl and give it this code

              1

              <ul id="mainnav"[[+wf.classes]]>[[+wf.wrapper]]</ul>

              this didnt align to my css it should have been class=main-nav

              I was so tired I just couldnt damn well see it

              thank you all for you help
                • 3749
                • 24,544 Posts
                We've all been there. It's amazing what a few hours of sleep can do for your vision. wink

                  Did I help you? Buy me a beer
                  Get my Book: MODX:The Official Guide
                  MODX info for everyone: http://bobsguides.com/modx.html
                  My MODX Extras
                  Bob's Guides is now hosted at A2 MODX Hosting
                  • 45322
                  • 9 Posts
                  Quote from: BobRay at Oct 07, 2013, 04:31 PM
                  We've all been there. It's amazing what a few hours of sleep can do for your vision. wink


                  So true, I once got a full * hours sleep woke up got the shock of my life with I saw... so I divorced her