Der Tab Layout legt fest, wie breit der Inhalt deines Shops auf großen Bildschirmen werden darf. So werden Texte und Produkte auf einem breiten Monitor nicht zu sehr in die Breite gezogen.
Wo du es findest
Öffne den Builder, klicke auf das Zahnrad-Symbol und öffne den Tab Layout. Der Bereich heißt Seitenlayout und hat eine Einstellung: Seitenbreite.
Seitenbreite
Ziehe den Schieberegler, um die maximale Breite deines Inhalts in Pixeln zu wählen. Sie reicht von 900 bis 1400, in Schritten von 100. Der Standardwert ist 1200.
- 900 oder 1000: eine schmale Seite. Textzeilen bleiben kurz und gut lesbar. Gut für einen Shop mit wenigen Produkten oder viel Text.
- 1100 oder 1200: eine ausgewogene Breite, die zu den meisten Shops passt.
- 1300 oder 1400: eine breite Seite. Auf großen Bildschirmen passen mehr Produkte in jede Reihe.
Der Builder erklärt es so: Legt die maximale Breite für große Desktop-Bildschirme fest. Auf mobilen Bildschirmen beträgt die Breite jedoch immer 100 %. Auf einem Handy oder kleinen Bildschirm nutzt dein Inhalt immer die volle Bildschirmbreite, egal was du hier wählst.
Seitenbreite und Abschnitte in voller Breite
Die meisten Abschnitte haben eine eigene Einstellung Breite mit zwei Optionen:
- Seite: der Inhalt des Abschnitts bleibt innerhalb der Seitenbreite, die du im Tab Layout festlegst.
- Voll: der Abschnitt reicht von einem Bildschirmrand zum anderen und ignoriert die Seitenbreite.
Eine übliche Einrichtung ist ein Hero oder eine Slideshow mit Voll ganz oben und die Breite Seite für die Abschnitte darunter. So wirken Bilder groß und Texte bleiben gut lesbar.
Häufige Aufgaben
- Mein Shop wirkt auf einem großen Bildschirm zu sehr gestreckt: senke die Seitenbreite auf 1100 oder 1000.
- Ich möchte auf Computern mehr Produkte pro Reihe: erhöhe die Seitenbreite und prüfe dann die Anzahl der Spalten in deinen Produktabschnitten.
- Ein Banner soll bis an die Bildschirmränder reichen: stelle die Breite dieses Abschnitts auf Voll. Die Seitenbreite musst du nicht ändern.
- Mein Layout auf dem Handy hat sich nicht geändert: das ist normal. Handys nutzen immer die volle Bildschirmbreite.
Prüfe es in der Vorschau
Die Seitenbreite ist nur auf Bildschirmen zu sehen, die breiter sind als die gewählte Breite. Nutze die Desktop-Vorschau im Builder, um den Unterschied zu sehen. Siehe Vorschaumodi.
Was die Seitenbreite nicht ändert
- Spalten: wie viele Produkte oder Karten in einer Reihe erscheinen, legst du in jedem Abschnitt fest, nicht hier.
- Abstand: der Platz über und unter einem Abschnitt ist sein Innenabstand, der ebenfalls im Abschnitt eingestellt wird.
- Textgröße: wird bei jedem Text eingestellt, nicht hier.
Gut zu wissen
- Die Seitenbreite gehört zu dem Markt, den du bearbeitest, und gilt für alle seine Seiten.
- Du kannst auch die KI im Builder fragen, zum Beispiel "Stelle meine Seitenbreite auf 1100". Siehe Mit KI bauen.
- Du hast es dir anders überlegt? Mache die Änderung im Builder rückgängig. Siehe Tastenkürzel, Rückgängig und Wiederholen.
- Änderungen werden live, wenn du auf Veröffentlichen klickst.