Theme Documentation
  • 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
On this page
  1. Core Concepts

KJB Settings ID's

To make editing kajabi templates simple for the end user, Kajabi uses kjb-settings-id to create links to a sections setting.

KJB Settings show to the end user in the form of a blue outline when they hover an element that then takes them to that elements settings.

<div class="hero">
  <div class="container">
    <h1 kjb-settings-id="{{ 'heading' | settings_id: section: section }}">{{ section.settings.heading }}</h1>
  </div>
</div>

KJB tags can be applied to both section settings and block settings

{{ 'heading' | settings_id: section: section }}
{{ 'image' | settings_id: section: section, block: block }}
PreviousSettingsNextObjects

Last updated 5 years ago