Step 1
First i used the Wiki guide on Wayfinder to find the appropriate markup (http://wiki.modxcms.com/index.php/Wayfinder)
[!Wayfinder? &startId=`0`!]
Step 2
Then i added certain 'Parameters' based upon what i wanted within my website
Wayfinder? &startId=`0` &includeDocs=`1,7,8,9,10,29`&outerTpl=`menuContainer` &rowTpl=`menuRows` &level=`1`]]{{Copyright}}
The '&includeDocs=' allowed me to just include the relevant site ID's which i want to bring into my footer navigation Step 3
I added this into my template which i named Palmhive (pic below)

Step 4
Once i added in the code, i used my current style sheet to style the 'ul, l, a' of the div element which is used for the look and dropdown features. Style i used here is the footer section with the main navigation buttons (not including the sub-navigation).

Here is the result...

No comments:
Post a Comment