Theme Documentation
Search…
Getting Started
Building Blocks
Theme Requirements
Theme Styling
Section Types
In Kajabi there are two types of sections, sections that the user can add to the page and sections that are pre loaded onto the page.
Static Sections
Static sections are generic groupings of settings that you explicitly add to the page in liquid and allow the user to edit the content but not the location of the section.
1
<div class="header">
2
<div class="container">
3
<div class="media align-items-center">
4
<div>
5
<a href="/">
6
<img src="{{ section.settings.logo | image_picker_url: 'logo.png' }}" kjb-settings-id="{{ 'logo' | settings_id: section: section }}"/>
7
</a>
8
</div>
9
<div class="media-body text-right">
10
<span kjb-settings-id="{{ 'menu' | settings_id: section: section }}">
11
{% for link in current_site.link_lists[section.settings.menu].links %}
12
<a href="{{ link.url }}">{{ link.name }}</a>
13
{% endfor %}
14
</span>
15
</div>
16
</div>
17
</div>
18
</div>
Copied!
1
{% schema %}
2
{
3
"name": "Header",
4
"elements": [
5
{
6
"type": "image_picker",
7
"id": "logo",
8
"label": "Logo Image"
9
},
10
{
11
"type": "link_list",
12
"id": "menu",
13
"label": "Menu",
14
"default": "main-menu"
15
}
16
]
17
}
18
{% endschema %}
Copied!
You will notice that the schema of this section does not have the preset tag. If a section has a preset tag it automatically gets added to the pickable section list. This section can only be used as a static section.
Static sections can be added to the page with the following
1
{% section "header" %}
Copied!
Dynamic Sections
The only thing you need to do to make a section available for a user to add and reorder on a page is to add a preset to the sections schema. This will give the pickable section a title and a set of settings to start the section off with.
1
"presets": [
2
{
3
"name": "Section",
4
"category": "Content",
5
"blocks": [],
6
"settings": {
7
}
8
}
9
]
Copied!
Last modified 2yr ago
Copy link