Shape 1 Shape 2 Shape 3

Product Theme Setup

Sign into your Kajabi developer account

Open the Products tab from the dashboard

Click on the product you would like to work with

Click on Customize

Click Upload Theme

Upload the theme via this link:

https://kajabi-products-development.s3.amazonaws.com/free_themes/cornerstone-product.zip

Create a local version of Cornerstone. Our bare-bones landing page theme meant for bootstrapping new projects.

git clone https://github.com/Kajabi/theme-cornerstone-product.git

Next, install the RubyGem in your local text editor

gem install kajabi_theme

inside the new theme directory run

kajabi-theme configure

After running this, the text editor should ask you for

  1. Remote theme id

  2. Your api key

  3. Your api secret key

Upload your local files to the remote theme

kajabi-theme sync

Have Kajabi watch for local changes and sync with your dev account theme

kajabi-theme watch

Gathering Assets

Kajabi Themes use gulp to gather scss and js files and place them in the assets folder. To get this working run the following commands inside your theme directory.

npm install gulp

npm install gulp-concat

npm install node-sass gulp-sass

Inside your theme directory is a file named gulpfile.js and this file tells the theme what stylesheets and javascript files to look for and move into the assets folder as you work.

To have gulp do this automatically as you're working, simply run is the following command

gulp

Once you have your local environment set up, dive into the docs to discover all of the functionality available to you with Kajabi Themes.

Kajabi Liquid Documentation

Here on the UX Team, we are so grateful for your time and we look forward to making the process of developing Kajabi themes simpler than ever before!

If you have any questions, feel free to reach out to us at themes@kajabi.com

Join Feedback Community

Enter your email below so that we can give you access to the Theme Developer Feedback Community.