Saturday, 2 April 2011

Modx - Footer

Currently i am adding Modx code into my HTML template to bring in certain aspects of Modx addons e.g. Chunks. At the moment I'm adding in the footer chunk using Wayfinder (site navigation). Below is the way i went about adding in the footer.

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).

< span style="font-family:Arial;">

Here is the result...

No comments: