Anpassen der mobilen Ansicht für Abschnitte der Instant Site
Standardmäßig verfügt die Instant Site über ein adaptives Design, das auf verschiedenen Geräten, wie etwa Handys, Tablets und Widescreens, gut funktioniert. Zusätzlich zum mobilfreundlichen Design können Sie die mobile Ansicht der Abschnitte „Titelblock“ und „Promo-Slider“ anpassen, um genauer festzulegen, wie Ihre Website auf kleinen Bildschirmen aussehen soll.
Mobile Layouts für Abschnitte der Instant Site
Wenn Sie ein mobiles Layout für Instant-Site-Abschnitte auswählen, haben Sie zwei Möglichkeiten:
- Schneiden Sie das Bild zu, während es in voller Bildschirmbreite angezeigt wird. In diesem Fall wird der Text der Website oberhalb des Bildes angezeigt.
- Schneiden Sie das Bild nicht zu, sondern verkleinern Sie es, damit es auf die Breite des Bildschirms passt. In diesem Fall bleibt das Bild vollständig sichtbar und wird am oberen Rand des Bildschirms angezeigt, während der Text der Website darunter steht.
Hier ist ein Beispiel, wie das aussehen könnte:
Ändern einer mobilen Ansicht für Abschnitte der Instant Site
Sie können ein mobiles Layout für die Abschnitte „Titelblock“ und „Promo-Slider“ in Ihrer Instant Site einrichten.
Bitte beachten Sie, dass Sie bei einigen Abschnittslayouts keine mobile Ansicht wählen können. Um also eine mobile Ansicht zu wählen, müssen Sie auf der Registerkarte Design das grundlegende Abschnittslayout ändern.
So richten Sie ein, wie Bilder und Texte auf Mobilgeräten angezeigt werden:
- Gehen Sie in Ihrer Shop-Verwaltung zu Webseite → Website bearbeiten.
- Klicken Sie oben im Editor auf Seite und wählen Sie eine Seite, die Sie bearbeiten möchten.
- Klicken Sie auf den Abschnitt und wechseln Sie zur Registerkarte Design.
- Klicken Sie auf Mobiles Layout, um die Layout-Option auszuwählen.
- (optional) Ändern Sie bei Bedarf den Hintergrundstil und die Farbe.
- Klicken Sie auf Veröffentlichen.
Das war's! Sie können nun überprüfen, wie Ihre Website auf verschiedenen Mobilgeräten aussieht.