Der Designer
Wie der visuelle Designer aufgebaut ist, und die eine Regel, die Ausprobieren gefahrlos macht.
Design in der Seitenleiste öffnet den visuellen Designer. Er baut deinen Shop aus Blöcken — einem Header, einem Hero, Produktrastern, Textabschnitten, einem Footer — die du hinzufügst, ersetzt, umsortierst und gestaltest, ohne etwas zu schreiben.
Die eine Regel, die du zuerst kennen solltest
Der Designer bearbeitet einen Entwurf. Dein Live-Shop ändert sich erst, wenn du Veröffentlichen drückst.
Du kannst also mitten am Arbeitstag deine Startseite umbauen, fünf Hero-Varianten durchprobieren, eine Woche Arbeit über die Versionshistorie zurücknehmen — und niemand, der deinen Shop besucht, sieht etwas davon.
Der Aufbau
Die Blockliste, links
Alle Blöcke der aktuellen Seite, in ihrer Reihenfolge. Der Doppelpfeil in der Kopfzeile klappt sie zu einer schmalen Leiste zusammen, die Blockzahl und den Hinzufügen-Knopf behält — praktisch auf einem kleinen Laptop. Der Zustand wird pro Browser gemerkt.
Halbbreite Blöcke sind mit ½ markiert. Abgeschaltete Blöcke — ein Bewertungsblock, solange Bewertungen aus sind — sind als solche markiert und bleiben umsortierbar.
Die Seitenauswahl, oben links
Wechselt zwischen Seiten und öffnet Seiten verwalten…, um Seiten hinzuzufügen, umzubenennen, per Drag & Drop umzusortieren oder zu löschen. Siehe Seiten und Navigation.
Drei Breiten-Knöpfe
Desktop, Tablet, Handy — zeigen die Vorschau in voller Breite, 768 px oder 390 px. Das ist das echte responsive Layout deines Shops bei dieser Breite, zentriert auf der Arbeitsfläche. Die Handy-Vorschau hat zudem die Höhe eines Handys, 850 px (auf einem kleinen Bildschirm weniger), und sitzt in der Mitte der Arbeitsfläche, sodass ein Abschnitt, der den Bildschirm füllt, genau das zeigt, was ein Handy zeigt. Der Bearbeitungsmodus funktioniert bei jeder Breite.
Die Umschaltung gibt es ab Laptop-Breite, sie startet beim Öffnen des Designers immer auf Desktop und ändert nichts am Shop selbst.
Die Werkzeugleiste
Bearbeitungsmodus (Stift) für Text- und Bildbearbeitung direkt in der Seite, KI-Assistent, Theme, ein Uhr-Symbol für die Versionshistorie, Vorschau und Veröffentlichen. Sobald du veröffentlicht hast, erscheint am Ende ein grüner Knopf Online.
Auf dem Handy
Die Blockliste ist unterhalb der Tablet-Breite ausgeblendet, weil Umsortieren eine Maus braucht. Ein Handy bietet Vorschau, KI-Assistent und Veröffentlichen — genug, um etwas freizugeben, nicht genug, um eine Seite umzubauen. Einen Block verschieben geht auf Tablet oder Computer.
Wie es weitergeht
Mit Blöcken arbeiten
Hinzufügen, verschieben, ersetzen, löschen — und wo ein Block landen darf.
Bearbeitungsmodus
Text, Bilder, Farben und der Stil-Tab.
Seiten und Navigation
Eigene Seiten, Reihenfolge, und was mit Links passiert, wenn eine Seite geht.
Theme
Markenfarben, Schriften, Kartendesign, dunkle Shops und Hintergrundeffekte.
Bilder und Videos
Die Asset-Auswahl, Stock-Suche und KI-Generierung.
Der KI-Assistent
Einen Block, eine Seite oder den ganzen Shop generieren.
Vorschau und Veröffentlichen
Wie der Entwurf zu Besuchern kommt, Versionshistorie, Shop offline nehmen.