Theme Documentation
Search…
Welcome
Getting Started
Liquid
Theme Types
Initial Setup
Core Concepts
Settings
KJB Settings ID's
Objects
Page Objects
Elements
Presets
Ownership
Building Blocks
Structure
Layouts
Sections
Section Types
Blocks
Theme Requirements
Required Pages
Theme Info
Powered By Branding
Theme Styling
Cornerstone CSS
CSS Variables
Custom Site Styles
Powered By GitBook
Liquid
Kajabi themes are based on the Shopify Liquid templating language so the first step would be to familiarize yourself with their documentation to understand the capabilities of liquid.

What is a template language?

Website designers and developers can use a template language to build webpages that combine static content, which is the same on multiple pages, and dynamic content, which changes from one page to the next. A template language makes it possible to re-use the static elements that define the layout of a webpage, while dynamically populating the page with data from the Kajabi Admin. The static elements are written in HTML, and the dynamic elements are written in Liquid. The Liquid elements in a file act as placeholders: when the code in the file is compiled and sent to the browser, the Liquid is replaced by data from the customer account where the theme is installed.

Liquid syntax

Like traditional programming languages, Liquid has a syntax, interacts with variables, and includes constructs such as output and logic. Due to its readable syntax, Liquid constructs are easy to recognize, and can be distinguished from HTML by two sets of delimiters: the double curly brace delimiters {{ }}, which denote output, and the curly brace percentage delimiters {% %}, which denote logic and control flow.

Kajabi Cornerstone

All of the getting started docs are based around Cornerstone, Kajabi UX Team's opinionated starting point for new theme projects.
Cornerstone is built using The Kajabi Cornerstone CSS Framework. To learn more about the power of this lightweight CSS starting point Click Here. This simple to use CSS frameworks is optimized for speed giving you everything you need in under 400 lines of code.

Kajabi Developer Account

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] and ask them to create one for you.
Previous
Welcome
Next - Getting Started
Theme Types
Last modified 1yr ago
Copy link
Outline
What is a template language?
Liquid syntax
Kajabi Cornerstone
Kajabi Developer Account