At a minimum to work with Cratejoy themes you should be familiar with the following technologies:

  • HTML
  • CSS
  • Javascript

Frameworks (optional)

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

  • 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

📘

New-ness alert!

Version 4+ themes use a newer version of Bootstrap for a more mobile-friendly layout.

jQuery

Official Site: jQuery

  • Cratejoy storefronts make extensive use of jQuery.
  • jQuery is used most heavily on the customer account pages and the check-out page.

Jinja (optional)

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 to do this. You can read more about jinja on the jinja documentation page.

AJAX (optional)

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.