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
Open the Website tab from the dashboard
Select Page Builder
Click Upload Theme
Upload the theme via this link:
https://kajabi-products-development.s3.amazonaws.com/free_themes/cornerstone-page.zipCreate a local version of Cornerstone. Our bare-bones landing page theme meant for bootstrapping new projects.
git clone https://github.com/Kajabi/theme-cornerstone-page.gitOpen the Website tab from the dashboard
Click Manage Themes
Click Upload Theme
Upload the theme via this link:
https://kajabi-products-development.s3.amazonaws.com/free_themes/cornerstone-site.zipCreate a local version of Cornerstone. Our bare-bones landing page theme meant for bootstrapping new projects.
git clone https://github.com/Kajabi/theme-cornerstone-site.gitOpen 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.zipCreate 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.gitNext, install the RubyGem in your local text editor
gem install kajabi_themeInside the new theme directory run
kajabi-theme configureAfter 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
kajabi-theme syncHave Kajabi watch for local changes and sync with your dev account theme
kajabi-theme watchGathering 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 gulpnpm install gulp-concatnpm install node-sass gulp-sassInside 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
gulpOnce 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:
Something went wrong: SSL peer certificate or SSH remote key was not OKWe 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 configureand provide the path to that file when promptedYou can also manually edit
config.ymland 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.ymlUpdate
:ssl_verifypeer: falseand save
We strongly recomend against this option and it should only be used as a last resort
Last updated