Der Builder
Im Builder entsteht alles, was Kunden sehen. Shop & Inhalte → Builder öffnet die Übersicht aller Bereiche des aktiven Themes.
Die Übersicht
Abschnitt betitelt „Die Übersicht“| Abschnitt | Was darin liegt |
|---|---|
| Theme-Bereiche | Startseite, Kopfzeile, Mobile Kopfzeile, Ankündigung, Fußzeile — und Flächen, die das Theme zusätzlich mitbringt (z. B. eine Kategorieleiste) |
| Dynamische Templates | Produktvorlage (gilt für jede Produktseite, dazu eine Sale-Variante), Kategorievorlage |
| Kasse & Warenkorb | Anmeldung, Schritte, Bestätigung, Warenkorb; Kassen-Vorlagen |
| Kategorie-spezifisch | eigene Inhalte für einzelne Kategorien |
| Globale Blöcke | einmal gebaut, überall eingesetzt — ändern wirkt an allen Stellen |
| Seiten | Seiten haben ihren Inhalt selbst; bearbeitet werden sie unter Seiten → Im Builder bearbeiten |
Ein Klick auf einen Bereich öffnet den Editor im Vollbild.
Der Editor
Abschnitt betitelt „Der Editor“- Links: die Struktur des Bereichs als Baum — Zeilen, Spalten, Blöcke. Ziehen zum Sortieren, Hoch/Runter, Duplizieren, Entfernen, Auf- und Zuklappen.
- Mitte: die Live-Vorschau — eine echte Shop-Seite. Oben umschaltbar: Desktop, Tablet (bis 1024 px), Mobil (bis 767 px).
- Element hinzufügen öffnet die Auswahl mit Suche; Reiter Elemente, Vorlagen (fertige Abschnitte zum Einsetzen) und Theme (Vorlagen des aktiven Themes).
- Zeile hinzufügen legt eine Zeile mit Spalten an; in Spalten legst du Blöcke mit Element hineinlegen.
Optionen eines Blocks
Abschnitt betitelt „Optionen eines Blocks“Ein Klick auf einen Block öffnet seine Optionen: zuerst die eigenen (Inhalt, Texte, Bilder, Quelle der Artikel …), darunter die gemeinsamen Gruppen, die fast jeder Block hat — Hintergrund, Größe & Position, Abstände & Rahmen, Farben, Typografie, Form & Zuschnitt, Form-Trenner, Animation, Sichtbarkeit. Jede Option jedes Blocks steht unter Alle Blöcke.
- Option suchen — z. B. „Radius”, „Abstand”.
- Eine Gruppe mit gesetzten Werten ist markiert; abweichende Felder haben einen Zurücksetzen-Pfeil („auf den Standard dieses Blocks”).
- Zahlen lassen sich durch Ziehen auf dem Wert ändern (mit Umschalttaste in Zehnerschritten).
- Farben: „leer = Theme” heißt, der Block nimmt die Farbe aus dem Design des Themes — ein Theme-Wechsel ändert sie dann mit. Ein eigener Wert ist ein bewusster Ausreißer.
- Stil-Auswahl (z. B. Button primär/sekundär): wie die Variante aussieht, bestimmt das Theme.
Andere Werte für Tablet und Handy
Abschnitt betitelt „Andere Werte für Tablet und Handy“Mit der Vorschau auf Tablet oder Mobil geschaltet gelten Änderungen nur für diese Größe — das Feld zeigt dann „Für Mobil sind eigene Werte gesetzt”. So bekommt ein Block auf dem Handy weniger Abstand oder eine kleinere Schrift, ohne den Desktop zu ändern. Ganze Blöcke blendest du über Sichtbarkeit je Gerät aus.
Entwurf und Veröffentlichen
Abschnitt betitelt „Entwurf und Veröffentlichen“Änderungen sind zunächst ein Entwurf: Du siehst sie in der Vorschau, Kunden nicht. Veröffentlichen macht sie live, Verwerfen kehrt zum veröffentlichten Stand zurück. Strg + Z und Strg + Y machen einzelne Schritte rückgängig.
Theme-Standard übernehmen ersetzt den Bereich durch die Beispielinhalte des aktiven Themes.
Was der Builder schützt
Abschnitt betitelt „Was der Builder schützt“- Ein Block darf nur in Bereiche, für die er gedacht ist — die Kasse nimmt keine Kopfzeilen-Blöcke.
- Fehlen in der Kasse die Pflichtblöcke (⚖ …) nach § 312j BGB, warnt der Builder.
- Seiten und Artikel führen einen Änderungsverlauf mit 30 Ständen.