Theme Documentation
Search…
Initial Setup
The first step to developing Kajabi themes is to establish a Kajabi Developer Account. If you do not already have access to a Kajabi Developer account reach out to [email protected] for one.
Sign into your Kajabi developer account
Landing Page
Site
Product
Open the Website tab from the dashboard
Select Page Builder
Click Upload Theme
Upload the theme via this link:
1
https://kajabi-products-development.s3.amazonaws.com/free_themes/cornerstone-page.zip
Copied!
Create a local version of Cornerstone. Our bare-bones landing page theme meant for bootstrapping new projects.
1
git clone https://github.com/Kajabi/theme-cornerstone-page.git
Copied!
Open the Website tab from the dashboard
Click Manage Themes
Click Upload Theme
Upload the theme via this link:
1
https://kajabi-products-development.s3.amazonaws.com/free_themes/cornerstone-site.zip
Copied!
Create a local version of Cornerstone. Our bare-bones landing page theme meant for bootstrapping new projects.
1
git clone https://github.com/Kajabi/theme-cornerstone-site.git
Copied!
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:
1
https://kajabi-products-development.s3.amazonaws.com/free_themes/cornerstone-product.zip
Copied!
Create a local version of Cornerstone. Our bare-bones landing page theme meant for bootstrapping new projects.
1
git clone https://github.com/Kajabi/theme-cornerstone-product.git
Copied!
Next, install the RubyGem in your local text editor
1
gem install kajabi_theme
Copied!
Inside the new theme directory run
1
kajabi-theme configure
Copied!
After running this, the text editor should ask you for
  • Remote theme id
  • Your api key
  • Your api secret key
  • The path to a CA cert file (optional)
Upload your local files to the remote theme
1
kajabi-theme sync
Copied!
Have Kajabi watch for local changes and sync with your dev account theme
1
kajabi-theme watch
Copied!

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.
1
npm install gulp
Copied!
1
npm install gulp-concat
Copied!
1
npm install node-sass gulp-sass
Copied!
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
1
gulp
Copied!
Once you have your local environment set up, dive into the docs to discover all of the functionality available to you with Kajabi Themes

Configuring TLS options

Transport Layer Security (TLS) is used to create a secure connection when syncing data to our servers. In some cases the kajabi-theme tool may not be able to verify the connection, and you'll get the following error:
1
Something went wrong: SSL peer certificate or SSH remote key was not OK
Copied!
We rely on a default Certificate Authority (CA) cert file. If you run into this error, you can configure a different CA cert file.
Configure a different CA cert file:
  • Save the CA cert file to a location on your file system
  • Run kajabi-theme configure and provide the path to that file when prompted
  • You can also manually edit config.yml and set the :cainfo: option
If you're still having issues after configuring a different CA cert file, it's possible to disable SSL verification entirely.
Deactivate SSL verification:
  • Edit config.yml
  • Update :ssl_verifypeer: false and save
We strongly recomend against this option and it should only be used as a last resort
Last modified 1yr ago