Wayfinder Footer Nav Example

Setup HTML structure and add Wayfinder calls for each nav menu you would like. (below is a 3 column example)
<div id="prefooter">
   <div class="container">
     <div class="row">
        <div class="col-md-6 col-lg-4 col-xl-4 prefoot-inner">
            [[Wayfinder? 
                 &startId=`2` 
                 &textOfLinks=`menutitle`
                 &level=`0` 
                 &displayStart=`1` 
                 &startItemTpl=`preFootStartTpl` 
                 &outerTpl=`preFootOuterTpl` 
                 &rowTpl=`preFootRowTpl`  
                 &ignoreHidden=`1`
             ]]
        </div>
        <div class="col-md-6 col-lg-4 col-xl-4 prefoot-inner">
            [[Wayfinder? 
                 &startId=`3` 
                 &textOfLinks=`menutitle`
                 &level=`0` 
                 &displayStart=`1` 
                 &startItemTpl=`preFootStartTpl` 
                 &outerTpl=`preFootOuterTpl` 
                 &rowTpl=`preFootRowTpl`  
                 &ignoreHidden=`1`
             ]]
        </div>
        <div class="col-md-6 col-lg-4 col-xl-4 prefoot-inner">
            [[Wayfinder? 
                 &startId=`4` 
                 &textOfLinks=`menutitle`
                 &level=`0` 
                 &displayStart=`1` 
                 &startItemTpl=`preFootStartTpl` 
                 &outerTpl=`preFootOuterTpl` 
                 &rowTpl=`preFootRowTpl`  
                 &ignoreHidden=`1`
             ]]
        </div>
     </div>
   </div>
</div>
/* preFootStartTpl (sets the parent folder as a linkable page)*/

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


/* preFootOuterTpl */

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

/* preFootRowTpl */

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

Get In Touch

Have a question? or perhaps spotted a problem?
Maybe you have something you would like to add. Drop us a line anytime!