Zum Inhalt springen
Company XYZ

Wie kann ich Banner auf Desktop und Mobil besser aussehen lassen?

# FAQs# Align# Mobile# Banner
Verwenden Sie separate Banner-Abschnitte und Sichtbarkeitseinstellungen, um Layouts für Desktop und Mobil anzupassen.
Alle häufig gestellten Fragen Alle Referenzdokumente
Shopify Academy-Video: Ihren Store anpassen
Shopify Academy-Video: Ihren Store anpassen

Beginnen Sie mit einem einzelnen Banner-Abschnitt. Mit Align können Sie das Seitenverhältnis und die Hintergrundmedien des Banners für Mobilgeräte anpassen. Dadurch lässt sich das Layout für kleinere Bildschirme in der Regel verbessern, ohne eine zweite Version zu erstellen.

Abschnitt betitelt „Banner für Mobilgeräte anpassen“
  1. Öffnen Sie den Abschnitt Banner im Theme-Editor.
  2. Wählen Sie das Seitenverhältnis und die Hintergrundmedien aus, die Sie auf dem Desktop verwenden möchten.
  3. Legen Sie ein höheres mobiles Seitenverhältnis fest, wenn Bild oder Text auf kleineren Bildschirmen beengt wirken.
  4. Fügen Sie mobile-spezifische Hintergrundmedien hinzu, wenn das Desktop-Bild auf Mobilgeräten nicht gut zugeschnitten wird.
  5. Sehen Sie sich vor dem Speichern sowohl die Desktop- als auch die Mobilansicht in der Vorschau an.

Informationen zu den Vorschau-Tools finden Sie unter Shopify-Dokumentation zu Funktionen des Theme-Editors

Halten Sie wichtige Text- und Bilddetails von den Rändern fern, da dort am ehesten zugeschnitten wird. Hinweise zu Bildern finden Sie unter Shopify-Dokumentation zum Hochladen von Theme-Bildern

Separate Banner nur bei Bedarf verwenden

Abschnitt betitelt „Separate Banner nur bei Bedarf verwenden“

Wenn die mobile Version einen anderen Text oder Inhalt oder ein wesentlich anderes Layout benötigt, duplizieren Sie den Banner-Abschnitt. Verwenden Sie Sichtbarkeitseinstellungen, um eine Version auf dem Desktop und die andere auf Mobilgeräten anzuzeigen.

Wir helfen Ihnen, erfolgreich zu sein.

Mehr über uns
Shopify-PartnerShopify-Partner