Der große Bereich in der Mitte des Builders ist eine Live-Vorschau der Seite, die du bearbeitest. Mit den Schaltflächen in der oberen Leiste änderst du, wie du sie siehst.
Desktop, Mobil und Vollbild
Die Ansichtsschaltflächen sitzen am Anfang der oberen Leiste:
- Desktop: zeigt die Seite so, wie sie an einem Computer aussieht.
- Mobil: zeigt die Seite in Handybreite. Prüfe das oft, denn die meisten Kunden nutzen ein Handy.
- Vollbild: blendet den Einstellungsbereich aus, damit die Vorschau die volle Breite bekommt. Um es zu verlassen, klicke auf Desktop oder Mobil, klicke auf einen Tab in der linken Seitenleiste oder wähle mit dem Inspektor einen Abschnitt aus.
Es werden nur die Schaltflächen angezeigt, die in dein Fenster passen. In einem kleinen Fenster können Vollbild oder Desktop verschwinden, und wenn nur eine Ansicht passt, sind die Schaltflächen ausgeblendet. Mach das Fenster breiter, um sie zurückzubekommen. Der Builder merkt sich deine Ansicht, solange der Browser-Tab geöffnet bleibt. Nach einem Neuladen öffnet sich Vollbild als Desktop.
Inspektor-Modus
Der Inspektor ist das Mauszeiger-Symbol in der oberen Leiste. Er ist eingeschaltet, wenn du den Builder öffnest.
- Solange er an ist, wird beim Bewegen der Maus über die Vorschau der Abschnitt oder Block darunter umrandet. Ein Klick wählt ihn aus und öffnet seine Einstellungen im Bereich, und seine Zeile öffnet sich im Tab Abschnitte.
- Solange er an ist, reagiert die Vorschau nicht wie ein echter Shop: Links, Schaltflächen und Slider funktionieren nicht, weil dein Klick zum Auswählen genutzt wird.
- Klicke erneut auf das Symbol, um ihn auszuschalten. Jetzt funktioniert die Vorschau wie dein Shop, und du kannst Menüs, Slider, den Warenkorb-Drawer und Formulare testen.
Der KI-Assistent kann ihn auch für dich ein- oder ausschalten. Siehe Aktionen des KI-Assistenten im Builder.
Die Schaltfläche Vorschau
Die Schaltfläche Vorschau (Augensymbol, neben Veröffentlichen) öffnet die Seite, auf der du bist, in deinem echten Shop in einem neuen Tab.
- Sie zeigt die veröffentlichte Version. Nicht veröffentlichte Änderungen gibt es nur im Builder, klicke also zuerst auf Veröffentlichen. Siehe Builder-Änderungen veröffentlichen.
- Auf der Produktseite, der Landing Page, der Kollektionsseite und der Richtlinienseite öffnet sie das Produkt, die Kollektion oder die Richtlinie, die du im Builder ausgewählt hast. Das funktioniert auch, wenn dieser Eintrag noch nicht veröffentlicht ist, aber nur für dich.
- Auf den Seiten Kasse und Dankesseite ist sie ausgeblendet, weil diese Seiten einen echten Warenkorb oder eine echte Bestellung brauchen.
- Wenn der Vorschau-Tab schon offen ist, lade ihn nach dem Veröffentlichen neu, um die neue Version zu sehen.
Heller oder dunkler Builder
Design umschalten (das Mondsymbol) schaltet den Builder selbst zwischen hellem und dunklem Modus um. Dein Shop ändert sich dadurch nicht.
Auf einem Handy oder Tablet
Auf einem schmalen Bildschirm liegt der Einstellungsbereich über der Vorschau. Zieh seinen Griff nach unten, um mehr von der Vorschau zu sehen, und zieh ihn nach oben oder tippe auf den Griff, um die Einstellungen zurückzuholen.
Bevor du veröffentlichst
- Wechsle zu Mobil und scrolle durch die ganze Seite.
- Prüfe, ob der Text auf jedem Hintergrund gut lesbar ist.
- Schalte den Inspektor aus und klicke auf deine Schaltflächen und Menülinks, um zu sehen, wohin sie führen.