The One: visuelles Layout-Element für den Shopware-CMS-Builder
Shopware-CMS-Layouts bestehen üblicherweise aus fixen Sektionen: ein Bild links, Text rechts, fertig. Wer davon abweichen will, greift zu Custom-Themes, statischen Blöcken oder einem Page-Builder-Plugin. The One versucht eine andere Antwort: ein einziges CMS-Element, das alle Layout-Entscheidungen nach innen verlegt.
Was The One macht
Das Element rendert eine beliebig verschachtelbare Reihen-Spalten-Struktur. Jede Spalte kann weitere Reihen enthalten, jede Reihe kann Spalten enthalten. Breiten, Abstände, Farben, Ausrichtungen und Masken sind pro Knoten konfigurierbar -- über Tabs im Shopware-Admin direkt am Element.
Inhalte in einer Spalte können Text, Bild, Link oder Button sein. Eine Spalte kann auch als Splide-Slider konfiguriert werden, was DmfSplideSlider als Abhängigkeit voraussetzt.
Das Masking-System erlaubt es, auf jede Reihe, Spalte oder jeden Inhalt eine Clip-Path-Form anzuwenden: vordefinierte geometrische Formen, eigene SVG-Dateien oder hochgeladene Bilder. Das Ergebnis sind nicht-rechteckige Layoutbereiche ohne separates SCSS.
KI-Assistent
Ab Version 2.0 gibt es einen KI-Tab im Element-Editor. Du beschreibst in Freitext, was das Layout zeigen soll -- der Assistent erzeugt daraus eine valide Struktur und schreibt sie direkt ins Element. Bestehende Layouts lassen sich ebenfalls bearbeiten, entweder durch Text oder per Spracheingabe.
Unterstützt werden Anthropic Claude (Haiku, Sonnet, Opus) und jeder OpenAI-kompatible Server, also auch Ollama lokal oder vLLM remote. Welcher Provider und welches Modell genutzt werden, ist in den Plugin-Einstellungen konfigurierbar. Dort lässt sich auch ein Rate-Limit pro Admin-Nutzer setzen.
Vorlagen
Häufig verwendete Layouts lassen sich als Vorlage speichern und in anderen Elementen wieder laden. Vorlagen liegen in der the_one_template-Tabelle und werden über eine Galerie im Admin verwaltet.
Einrichtung
Das Plugin erfordert DmfSplideSlider als Abhängigkeit. Alles Weitere -- CSS-Bibliothek (Bootstrap 5 oder Tailwind), KI-Provider, Markenfarben, eigene Utility-Classes -- lässt sich unter Einstellungen → System → Plugins → DmfTheOne konfigurieren.
Die vollständige Dokumentation liegt unter The One.