# Section Types

### **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.

```markup
<div class="header">
  <div class="container">
    <div class="media align-items-center">
      <div>
        <a href="/">
          <img src="{{ section.settings.logo | image_picker_url: 'logo.png' }}" kjb-settings-id="{{ 'logo' | settings_id: section: section }}"/>
        </a>
      </div>
      <div class="media-body text-right">
        <span kjb-settings-id="{{ 'menu' | settings_id: section: section }}">
          <div data-gb-custom-block data-tag="for">

            <a href="{{ link.url }}">{{ link.name }}</a>
          

</div>

        </span>
      </div>
    </div>
  </div>
</div>
```

```yaml

<div data-gb-custom-block data-tag="schema">

{
  "name": "Header",
  "elements": [
    {
      "type": "image_picker",
      "id": "logo",
      "label": "Logo Image"
    },
    {
      "type": "link_list",
      "id": "menu",
      "label": "Menu",
      "default": "main-menu"
    }
  ]
}

</div>

```

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

```ruby

<div data-gb-custom-block data-tag="section" data-0='header'></div>
```

### **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.

```yaml
"presets": [
  {
    "name": "Section",
    "category": "Content",
    "blocks": [],
    "settings": {
    }
  }
]
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://themes.kajabi.com/liquid/building-blocks/section-types.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
