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