Foundation-MODX Responsive HTML5, Foundation template for MODX Revolution

Posted on Feb 07, 2012 by Menno Pietersen

DESIGNfromWITHIN is a nominee for Site of The Day on Awwward.com image

UPDATE! Looking for a Foundation 4 version of the MODX template?

Foundation-MODX is a MODX Revolution template based on Foundation from Zurb.

This is a very minimal MODX Revolution template, with this template you can quickly install to start using the fantastic Foundation framework.

Requirements:

  • MODX Revolution 2.2+
  • Wayfinder Extra

Comments/suggestions?

I would love to get feedback about this template, please visit this post on the MODX forums to discuss the template. Bugs can be reported on the GitHub Foundation-MODX issues page.

UPDATE

Foundation-MODX is updated, the template is now using foundation-3.2.5!



How to install

  1. Copy the files to:
    /assets/templates/foundation_modx/
  2. Create a Chunk called "template_header" Select "Is Static" Select "Filesystem" under "Media Source for Static File" Point "Static File" to:
    /assets/templates/foundation_modx/template_header.html
  3. Create a Chunk called "template_footer" Select "Is Static" Select "Filesystem" under "Media Source for Static File" Point "Static File" to:
    /assets/templates/foundation_modx/template_footer.html
  4. Create a Template called "Basic page" Select "Is Static" Select "Filesystem" under "Media Source for Static File" Point "Static File" to:
    /assets/templates/foundation_modx/template_basic_page.html
  5. Add a logoUpload your website logo (as a PNG called "logo.png") to:
    /assets/templates/foundation_modx/images/
  6. Create a Chunk called "footer_content" Add the (HTML) content for your footer here.
  7. Install the latest version of "Wayfinder" Go to "System" > "Package Management" > "Download Extras" > Search for "Wayfinder" > Install "Wayfinder".
P.s. I will create a package for this soon!

Want to go further?

If you want to use Foundation MODX and install a full MODX website with a single package, please check out the Flexibility template on flexibilitymodx.com.