Wissensdatenbank
Leitfäden
Academy
Video-Tutorials
Versuchen Sie es mit:
Zuletzt angesehene Artikel:

Inhaltsverzeichnis

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.

Das Anpassen von Abschnitten für die mobile Ansicht ist nur in der neuesten Version der Instant Site möglich. Die alte Version der Instant Site ist zwar mobilfreundlich, unterstützt aber nicht die Anpassung bestimmter Abschnitte. Sie sind sich unsicher, welche Version Sie verwenden? Finden Sie es jetzt heraus.

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:

Mobile layouts for Instant Site section.gif

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

  1. Gehen Sie in Ihrer Ecwid-Verwaltung zu Webseite → Website bearbeiten.
  2. Klicken Sie oben im Editor auf Seite und wählen Sie eine Seite, die Sie bearbeiten möchten.
  3. Klicken Sie auf Cover & Überschrift und wechseln Sie zur Registerkarte Design.
  4. Klicken Sie auf Mobiles Layout, um die Layout-Option auszuwählen.
  5. (optional) Ändern Sie bei Bedarf den Hintergrundstil und die Farbe.
  6. Klicken Sie auf Veröffentlichen.

Das war's! Sie können nun überprüfen, wie Ihre Website auf verschiedenen Mobilgeräten aussieht.

War dieser Beitrag hilfreich?

Großartig! Vielen Dank für Ihr Feedback!

Vielen Dank für Ihr Feedback!

Das tut uns leid! Was ist schief gelaufen?
4 von 11 fanden dies hilfreich
10
Wir verwenden Cookies und ähnliche Technologien, um Ihre Präferenzen zu speichern, die Effektivität unserer Kampagnen zu messen und anonymisierte Daten zu analysieren, um die Leistung unserer Website zu verbessern. Mit der Auswahl von „Akzeptieren“ stimmen Sie der Verwendung von Cookies zu.
Cookies akzeptieren Ablehnen