Liquid-Variablen im Theme-Kontext

Variable	Verfügbar	Inhalt
`page`	Seiten	`id`, `title`, `slug`, `url`, `meta_title`, `description`, `og_image`, `metafields`
`record`	Datensatz-Detailseiten	Felder des Datensatzes + `id`, `slug`, `url`
`section`	Sections	`id`, `type`, `settings`, `blocks`
`settings`	überall	Theme-Einstellungen
`menus`	überall	veröffentlichte Menüs nach Kennung
`collections.<handle>`	überall	veröffentlichte Datensätze eines Typs (max. 250)
`site`	überall	`url` (z. B. `https://www.example.com`), `name`
`locale`	überall	Sprachcode, z. B. `de`
`theme.fonts`	überall	selbst gehostete Schriften für `\| font_face_tag`
`consent`	überall	Consent-Konfiguration für Banner und Erklärung
`request.design_mode`	überall	`true` im Editor, `false` live
`content_for_*`	nur Layout	gerenderte Section Groups

Editor erkennen

{% if request.design_mode %}
  <p class="editor-hint">Vorschau – live lädt hier das Karussell.</p>
{% endif %}

Im JavaScript prüfst du stattdessen document.documentElement.hasAttribute('data-design-mode').

{% for post in collections.blog limit: 3 %}
  <a href="{{ post.url }}">{{ post.title }}</a>
{% endfor %}

Jeder Zugriff auf collections.<handle> wird als Abhängigkeit erfasst: Ändert sich ein Datensatz, baut Mosaio die Seite automatisch neu.

{{- theme.fonts | font_face_tag }}

Erzeugt @font-face und Preload-Links für alle selbst gehosteten Schriften. Ohne Schriften gibt der Filter einen leeren String zurück.