Using Foundation with server generated content.

Hey Chris, ok I think I have a basic handle on the editor. The good news is it looks like you have some flexibility to bend the templates to your will. It looks like you just have CSS and HTML capabilities (no php or ruby or something like that).

To Get Started Basically, if you log into your site backend and go to the "Design" link near the top and then click on "Browse Template Files..." in the "Current Store Design" section. This will launch the file editor where you'll be able to see all of the template files in your design (Although, you will probably want to use webdav to upload the foundation includes). At this point you'll just need to add the proper class names and probably need to add some DIV wrappers for rows and such as per Foundation's grid system.

I'm unclear about JS in this system, you might have to contact support to add your own JS. This might be a problem if you're wanting to use those piece of Foundation (Orbit, modals, form validation, etc). In the default design I did find a .html file that put their JS within the <script></script> tags. You could try, for example, renaming foundation.min.js to foundation.min.js.html putting:

<script type="text/javascript">
    *foundation's javascript goes here*
<script>

then just be sure to include that file/those files in your header.html file. Either way, you can definitely still use all the css (including media queries) that comes with Foundation which is probably a lot what you're looking for anyways.

Navigation To your question about the navigation, it doesn't look like you'll be able to build a GUI for navigation if that's what you're thinking. The way the nav code you posted works is a sort of template engine. The %%something%% tags are interpreted and turned into content before they're rendered. I can't seem to find a list of available template tags, but they should be somewhere, or you might have to ask for them.

Anyways, in the default template, for example, you see the %%Panel.TopMenu%% that pulls in the TopMenu.html file. Within that file is what you're talking about. It looks like it's manually built out and not automatically generated, which will simplify the process. This is where you can add or remove your pages from the navigation section. To use Foundation's design for the top menu, you'll just need to add the proper classes along side what's already there (separated by spaces) just keep in mind some features won't work without the JS.

I hope that helps. Let me know if I misunderstood your questions or need further clarification on anything. Good luck!