I loved it and want to use October it in my project, I wonder if anyone knows how to integrate foundation for apps with october? http://foundation.zurb.com/apps/index.html

Hi, I've used Foundation on the front-end for a couple of projects, it's pretty simple to integrate, this is how I do it:

1. Install/set-up October. Under Themes folder create your theme folder and the assets folder e.g Themes/my_theme/assets
2. cd into the assets folder and then install Foundation using your preferred method, i use the Foundation CLI (but you can use compass) and I call the project foundation e.g. foundation new foundation --libsass
3. cd foundation then grunt build

In your layout ensure you link to the relevant files, in your head block

<link href="{{ 'assets/foundation/css/app.css'|theme }}" rel="stylesheet">
<script src="assets/foundation/bower_components/foundation/js/vendor/modernizr.js"></script>

and beforew the closing body tag

<script src="{{ [
  'assets/foundation/bower_components/foundation/js/vendor/jquery.js', 
  'assets/foundation/bower_components/foundation/js/vendor/fastclick.js', 
  'assets/foundation/bower_components/foundation/js/foundation.min.js',
  'assets/foundation/js/app.js'
  ]|theme }}">
</script>
<script type="text/javascript">
  $(document).ready(function(){
    $(document).foundation();
  })
</script>

There may better ways of integrating Foundation but this way keeps all of the Foundation relevant together. There is also this template on git but I haven't used it https://github.com/jim-at-jibba/OctoberCMS-foundation-base-theme

Last updated 10 years ago

Hello! thanks, I also use foundation to sites without problems, but what I want and use foundation for apps that something more complex than just create a theme.