Zum Inhalt springen

Der Builder

Im Builder entsteht alles, was Kunden sehen. Shop & Inhalte → Builder öffnet die Übersicht aller Bereiche des aktiven Themes.

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.

  • 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.

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.

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.

Ä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.

  • 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.