Setting-Typen für Theme-Sections

Jedes Setting erzeugt ein Eingabefeld im Inspector. Gemeinsame Felder: type und id (Pflicht), label, default, info (Hilfetext), placeholder.

Referenz

Typ	Editor	Wert in Liquid
`text`	Einzeiliges Textfeld	string
`textarea`	Mehrzeiliges Textfeld	string mit Zeilenumbrüchen → `\| newline_to_br`
`richtext`	WYSIWYG mit Toolbar	bereinigtes HTML – nicht escapen
`color`	Farbauswahl	`#rrggbb`
`image`	Mediathek	URL, `''` (Platzhalter) oder `'none'`
`url`	URL-Eingabe	string
`link`	Link-Picker (URL, Seite, Anker, E-Mail, Telefon)	Objekt → `\| link_href`
`select`	Dropdown	gewählter `value`
`checkbox`	Schalter	boolean
`range` / `number`	Schieberegler	number
`menu`	Menüauswahl	Menü-Kennung
`page`	Seitenauswahl	Slug der Seite
`form`	Formularauswahl	Formular-Kennung
`font_picker`	Schriftauswahl	Schriftfamilie (wird selbst gehostet)
`color_scheme`	Farbschema	Schema-ID
`collection`	Datentyp-Auswahl	Handle → `section.collection`
`funnel`	Funnel-Auswahl (nur veröffentlichte)	Funnel-ID → `{% funnel %}`

Bilder: drei Zustände

{% if section.settings.image != blank and section.settings.image != 'none' %}
  <img src="{{ section.settings.image | image_url }}"
       alt="{{ section.settings.heading | escape }}" loading="lazy">
{% endif %}

'' bedeutet „kein Bild gewählt“ – der Editor zeigt einen Platzhalter. 'none' bedeutet „Platzhalter bewusst entfernt“. Im Live-Build werden Bild-URLs automatisch auf öffentliche, optimierte Dateien umgeschrieben.

Links

{% assign lnk = section.settings.cta_link %}
<a href="{{ lnk | link_href }}"
   class="btn{% if lnk | link_is_active: page.url %} btn--active{% endif %}"
   {% if lnk.new_tab %}target="_blank" rel="noopener noreferrer"{% endif %}>
  {{ lnk | link_label }}
</a>

Filter	Rückgabe
`link_href`	Ziel-URL: `/slug`, `#anker`, `mailto:`, `tel:` – leer → `#`
`link_label`	Gespeichertes Label, bei Seiten der Seitentitel
`link_is_external`	`true` bei `http(s)://`
`link_is_active: path`	`true`, wenn die URL dem Pfad entspricht

Select

{
  "type": "select", "id": "layout", "label": "Layout", "default": "centered",
  "options": [
    { "value": "centered", "label": "Zentriert" },
    { "value": "left",     "label": "Linksbündig" }
  ]
}

Formular

{% form section.settings.form_handle | default: 'contact' %}
  <input type="email" name="email" required>
  <button type="submit">Absenden</button>
{% endform %}

Richtext-Felder gibst du ohne | escape aus – und immer in einem eigenen <div>, nie in <p>, <span>, <a> oder Überschriften.