Thumbnails und Vorschauen für Sections

Mosaio erzeugt automatisch Vorschaubilder für jede Section (Dialog „Section hinzufügen“) und zwei Screenshots der Startseite für die Theme-Karte. Mit zwei Dateien steuerst du, was darauf zu sehen ist.

sections/<name>.placeholder.json

{
  "settings": { "heading": "Deine Website, perfekt gestaltet", "padding": 5 },
  "blocks": [
    { "type": "slide", "settings": { "heading": "Willkommen", "button_label": "Jetzt loslegen" } }
  ]
}

Lege die Datei für jede Section mit Blocks oder vielen Einstellungen an.

config/homepage_preview.json

{
  "sections": [
    { "type": "hero", "settings": { "heading": "Handwerk mit Leidenschaft" } },
    { "type": "services", "blocks": [ { "type": "item", "settings": { "title": "Beratung" } } ] }
  ]
}

Daraus entstehen ein Desktop- (1280 px) und ein Mobil-Screenshot (390 px).

Wie Werte zusammengeführt werden

1. Schema-Defaults – Bildfelder erhalten automatisch ein Platzhalterbild.

2. Erstes Preset.

3. Werte aus der Vorschau-Datei.

Lass Bildfelder in den Vorschau-Dateien weg. Ein explizites "" überschreibt das Platzhalterbild und ergibt eine leere Fläche.

Wann werden Vorschauen erneuert?

Nach Änderungen an Theme-Dateien, beim Aktivieren und beim Zurücksetzen eines Themes. Die Erzeugung ist entprellt und kann einige Minuten dauern.