{"_id":"58112e72ded0340f0085d047","version":{"_id":"58112e71ded0340f0085d02a","project":"551e85be610f400d00837db7","__v":4,"createdAt":"2016-10-26T22:30:09.862Z","releaseDate":"2016-10-26T22:30:09.862Z","categories":["58112e72ded0340f0085d02b","58112e72ded0340f0085d02c","58112e72ded0340f0085d02d","58112e72ded0340f0085d02e","58112e72ded0340f0085d02f","58112e72ded0340f0085d030","58112e72ded0340f0085d031","58112e72ded0340f0085d032","58112e72ded0340f0085d033","58112e72ded0340f0085d034","581137cc604d3c230048b7e4","58dc367221742d0f00a73f98","590768e54669da0f00db5c0b"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"new designer","version_clean":"2.0.0","version":"2.0"},"__v":0,"project":"551e85be610f400d00837db7","user":"551e85707ca3030d00be0c07","parentDoc":null,"category":{"_id":"58112e72ded0340f0085d02b","version":"58112e71ded0340f0085d02a","__v":0,"project":"551e85be610f400d00837db7","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-04-03T12:21:19.234Z","from_sync":false,"order":1,"slug":"overview","title":"Themes Overview"},"updates":["56142a811a8caf0d0068942e"],"next":{"pages":[],"description":""},"createdAt":"2015-04-07T18:51:54.616Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":1,"body":"At a minimum to work with Cratejoy themes you should be familiar with the following technologies:\n\n* HTML\n* CSS\n* Javascript\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Frameworks (optional)\"\n}\n[/block]\nCratejoy also uses these frameworks which are not necessary to understand but will be useful to know if you want to heavily modify your theme.\n\n# Bootstrap\n\nOfficial Site: [Bootstrap](http://v4-alpha.getbootstrap.com/) \n\n  * Bootstrap is a set of default CSS rules which make it easy to design fully responsive webpages\n  * There's really nothing to it, and it's very helpful!\n  * All Cratejoy provided themes are based off of Bootstrap\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"New-ness alert!\",\n  \"body\": \"Version 4+ themes use a [newer version of Bootstrap](http://v4-alpha.getbootstrap.com/) for a more mobile-friendly layout.\"\n}\n[/block]\n# jQuery\n\nOfficial Site: [jQuery](https://jquery.com/)\n\n  * Cratejoy storefronts make extensive use of jQuery.\n  * jQuery is used most heavily on the customer account pages and the check-out page.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Jinja (optional)\"\n}\n[/block]\nCratejoy makes it easy to display the data contained in your store using template logic. This means that you can insert store data into your HTML. This will make it possible to display any information about your store, products, or customer to the end user.\n\nCratejoy supports a templating language called [jinja](http://jinja.pocoo.org/) to do this. You can read more about jinja on the [jinja documentation page.](http://jinja.pocoo.org/docs/dev/templates)\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"AJAX (optional)\"\n}\n[/block]\nCratejoy offers a RESTful API that you write code against from your theme JavaScript. The Store API is scoped specifically to customers who are logged in to your store. You can use the Store API to read (and in some cases, write) customer data to the Cratejoy back-end. Most merchants use this to save and access custom \"metadata\" about individual customers or subscriptions.","excerpt":"","slug":"technologies-involved","type":"basic","title":"Theme Technologies"}

Theme Technologies


At a minimum to work with Cratejoy themes you should be familiar with the following technologies: * HTML * CSS * Javascript [block:api-header] { "type": "basic", "title": "Frameworks (optional)" } [/block] Cratejoy also uses these frameworks which are not necessary to understand but will be useful to know if you want to heavily modify your theme. # Bootstrap Official Site: [Bootstrap](http://v4-alpha.getbootstrap.com/) * Bootstrap is a set of default CSS rules which make it easy to design fully responsive webpages * There's really nothing to it, and it's very helpful! * All Cratejoy provided themes are based off of Bootstrap [block:callout] { "type": "info", "title": "New-ness alert!", "body": "Version 4+ themes use a [newer version of Bootstrap](http://v4-alpha.getbootstrap.com/) for a more mobile-friendly layout." } [/block] # jQuery Official Site: [jQuery](https://jquery.com/) * Cratejoy storefronts make extensive use of jQuery. * jQuery is used most heavily on the customer account pages and the check-out page. [block:api-header] { "type": "basic", "title": "Jinja (optional)" } [/block] Cratejoy makes it easy to display the data contained in your store using template logic. This means that you can insert store data into your HTML. This will make it possible to display any information about your store, products, or customer to the end user. Cratejoy supports a templating language called [jinja](http://jinja.pocoo.org/) to do this. You can read more about jinja on the [jinja documentation page.](http://jinja.pocoo.org/docs/dev/templates) [block:api-header] { "type": "basic", "title": "AJAX (optional)" } [/block] Cratejoy offers a RESTful API that you write code against from your theme JavaScript. The Store API is scoped specifically to customers who are logged in to your store. You can use the Store API to read (and in some cases, write) customer data to the Cratejoy back-end. Most merchants use this to save and access custom "metadata" about individual customers or subscriptions.