How to compile Osclass theme with Gulp


Our Osclass themes are already well integrated and powerful. If you still want to customize them, they ship with all their sources files allowing you to recompile them. This tutorial will show you how to customize their design to fit your liking.

All our themes are using Gulp to generate their styles and scripts. This allows our themes to have only one file for styles and scripts that will speed up the loading of the theme and facilitate the support.

 Install node

Before playing with our theme you will need to install node. The installation depend of your operating system.

If you’re on mac, follow this link.
If you’re on windows, follow this link.
If you’re on ubuntu, follow this link.

Use Gulp for Osclass theme

Then if you want to update the styles or scripts of our theme you will need to run our Gulp file. To do this it’s really simple.

1. Go to the theme folder in command line.

2. Need to be done only one time

sudo npm install gulp -g 
sudo npm install bower -g 

3. Add all packages in the ‘node_modules’ folder

npm install

3. Download all dependencies

bower install

4. Run one of these commande lines

Remember that you will need to be in the theme folder to use the Gulp sytem.

If you want to build the styles and scripts once:

gulp build

If you want to run the compilation each time that you’re making a modification of a sass or scripts file:

gulp watch

3 thoughts on “How to compile Osclass theme with Gulp

  1. It is impossible to make modifications of this work, when running `bower install`:

    ECMDERR Failed to execute “git ls-remote –tags –heads”, exit code of #128 Warning: Permanently added ‘,’ (RSA) to the list of known hosts. Permission denied (publickey). fatal: Could not read from remote repository. Please make sure you have the correct access rights and the repository exists.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s