How to get multiple level drop downs in wayfinder

73 Posts

weblady Reply #1, 15 years, 1 month ago

Hi there Im using modx evo 1.0.4
Have been using wayfinder with several sites, but now need one where I can have more than one parent> child

IE
products> (drop down to) main products (slide out) to seperate products.

My call to wayfinder looks like this.

   <div id="ajaxmenu"> [[Wayfinder?startId=`0`&outerTpl=`mh.OuterTpl` &innerTpl=`mh.InnerTpl` &rowTpl=`mh.RowTpl` &innerRowTpl=`mh.InnerRowTpl` &firstClass=`first` &hereClass=``]] </div>

Ive never had to edit this before, only the css so am a little stuck.
thanks

☆ A M B ☆
3,141 Posts

Mark Hamstra Reply #2, 15 years, 1 month ago

I would normally (in terms of templating in MODX, including menus) first create it static or hardcoded if you will so you have the right HTML and CSS.

Then make Wayfinder output the HTML markup you need, using those templating chunks.

There's a bunch of examples you can find in the Docs: http://rtfm.modx.com/display/ADDON/Wayfinder+Introductory+Examples

Mark Hamstra • Developer spending his days working on Premium Extras and a MODX Site Dashboard with the ability to remotely upgrade MODX and extras to make the MODX world a little better.

Tweet me @mark_hamstra, check my infrequent blog at markhamstra.com, my slightly more frequent ramblings at MODX.today or see code at Github.

387 Posts

whistlemaker Reply #3, 15 years, 1 month ago

If I am understanding what you are asking it is not about the wayfinder call

I think you are asking about having a child have more than one parent in the menu.

This is easy to do using symlinks, just create a symlink to the child and put under the appropriate second (or third etc) parent in the document tree - the child will then appear in multiple places in the menu system.

73 Posts

weblady Reply #4, 15 years ago

Thanks for that - I may need to use that later on but what I need is to understand how to get the second level menu items to show.
Have attached a screen shot below, which hopefully will explain it better than I can.

I have now added the parentRow call to my wayfinder call as it wasnt there.
so it now looks like this

   <div id="ajaxmenu"> 
[[Wayfinder?startId=`0`&outerTpl=`mh.OuterTpl` &innerTpl=`mh.InnerTpl` &rowTpl=`mh.RowTpl`  &parentRowTpl=`mh.ParentRow` &innerRowTpl=`mh.InnerRowTpl`   &firstClass=`first` &hereClass=``  ]]</div>

What im not sure of is: is this the correct way to do this, and is it only my css that is preventing me from seeing it?

387 Posts

whistlemaker Reply #5, 15 years ago

1st - are you really using Evo because your call looks like Revolution syntax.

is it only my css that is preventing me from seeing it?

check the code produced by the wayfinder call - if you have a nested list structure with all your links then your css it at fault; no nested list, then probably your wayfinder call is at fault

☆ A M B ☆
3,141 Posts

Mark Hamstra Reply #6, 15 years ago

That syntax would actually both work for Evo & Revo. You can only see the difference for snippets when using it uncached, where Evo would use [!Wayfinder!] and Revo would use [[!Wayfinder]].

Your parentRow chunk should definitely *not* contain another wayfinder call, but instead use [[+wf.wrapper]] (or [+wf.wrapper+] in Evo) to output what should be underneath.

Your image still doesn't tell me what you're trying to do and what it is doing instead... ie, I have no idea what the problem your facing is.

Mark Hamstra • Developer spending his days working on Premium Extras and a MODX Site Dashboard with the ability to remotely upgrade MODX and extras to make the MODX world a little better.

Tweet me @mark_hamstra, check my infrequent blog at markhamstra.com, my slightly more frequent ramblings at MODX.today or see code at Github.

73 Posts

weblady Reply #7, 15 years ago

thanks, the image I attached is of the current non modx live site, I am updating the design and layout and bringing into modx- on the modx site I am only seeing gallery under videos and galleries and not the other pages off gallery- for now I just added one extra page under gallery.
this is the ParentRow chunk

<li[+wf.classes+]><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a> [+wf.wrapper+] </li>

this is what it outputs at the moment

<div id="ajaxmenu"> 
  <ul id="myajaxmenu">
    <li class="category first"><a href="http://www.slidebi.co.uk/" title="Home">Home</a></li>
<li class="category "><a href="/bi-folding-doors1.html" title="Bi folding Doors">Bi folding Doors</a></li>
<li class="category "><a href="/roofing-systems.html" title="Roofing Systems">Roofing Systems</a></li>
<li><a href="/sliding-doors.html" title="Sliding Doors">Sliding Doors</a> <ul style="display:none">
  <li class="first"><a href="/door-configuration.html" title="Door Configuration">Door Configuration</a></li>
 
</ul> </li>
<li class="category "><a href="/windows.html" title="Windows">Windows</a></li>
<li class="category "><a href="/process.html" title="Process">Process</a></li>
<li><a href="/videos-galleries1.html" title="Videos & Galleries">Videos & Galleries</a> <ul style="display:none">
  <li class="first"><a href="/gallery.html" title="Gallery">Gallery</a> <ul style="display:none">
  <li class="first"><a href="/bifolding-doors-gallery.html" title="Bifolding Doors Gallery">Bifolding Doors Gallery</a></li>
 
</ul> </li>
 
</ul> </li>
<li class="category "><a href="/technical.html" title="Technical">Technical</a></li>
<li class="category "><a href="/about.html" title="About">About</a></li>
<li class="category last"><a href="/contact.html" title="Contact Us">Contact Us</a></li>
 
  </ul></div>

73 Posts

weblady Reply #8, 15 years ago

Im using evo 1.0.4 and have used this code many times before, but never needed the 3 level drop down before so have never edited the wayfinder before only the css

☆ A M B ☆
3,141 Posts

Mark Hamstra Reply #9, 15 years ago

That's outputting three levels in the markup, so you need to make sure your CSS / JS is set up right to handle the output that is being generated by Wayfinder.

Or make Wayfinder output the HTML you need by modifing the different chunks you can update. http://rtfm.modx.com/display/ADDON/Wayfinder#Wayfinder-TemplateParameters

Mark Hamstra • Developer spending his days working on Premium Extras and a MODX Site Dashboard with the ability to remotely upgrade MODX and extras to make the MODX world a little better.

Tweet me @mark_hamstra, check my infrequent blog at markhamstra.com, my slightly more frequent ramblings at MODX.today or see code at Github.

73 Posts

weblady Reply #10, 15 years ago

I can see my 3 level in the page sourec but not on screen.

Done some more research and I think it may be the ajaxmenu thats the issue, someone else was working with this and found out it can only go to 2 levels deep- which is very disappointing if true.

https://forums.modx.com/thread/11852/menus-to-the-third-level-in-wayfinder-2-0#dis-post-67580