Marquee-Abschnitt
Was Sie lernen werden
Wie man ein scrollendes Text-Marquée erstellt
Wie man Bild-, Diashow- oder Videohintergründe hinzufügt
Wie man Textgeschwindigkeit, -größe und -layout anpasst
Wie man das Erscheinungsbild auf Desktop und Mobilgeräten anpasst
🧩 Abschnittsübersicht
Der Marquee-Bereich zeigt großen, horizontal scrollenden Text mit optionalen Hintergründen an. Er ist perfekt für auffällige Botschaften – wie Werbeaussagen, Slogans oder Schlagzeilen.
Dieser Bereich unterstützt die Hintergrundanpassung mit:
Statischen Bildern
Diashows (bis zu 3 Folien)
Videos (automatisch abgespielt und stummgeschaltet)
Einfarbigen Füllungen
So fügen Sie den Abschnitt hinzu
Im Shopify Theme-Editor, klicken Sie Sektion hinzufügen
Wählen Sie Marquee
Ziehen Sie es an die gewünschte Stelle im Layout
Marquee-Text-Einstellungen
Marquee-Textinhalt: Fügen Sie hier Ihren scrollenden Text hinzu
Marquee-Text anzeigen: Ein- oder ausschalten (hilfreich, wenn der Bereich nur als Hintergrund verwendet wird)
Marquee-Textgröße (Desktop): Textgröße in Pixeln anpassen
Marquee-Textgröße (Mobil): Eine andere Größe für kleine Bildschirme festlegen
Marquee-Textfarbe: Legen Sie die Textfarbe mit einem Hex-Code fest
Marquee-Geschwindigkeit: Steuert, wie schnell sich der Text bewegt (höher = schneller)
💡 Tipp: Geschwindigkeiten zwischen 5 und 15 bieten in der Regel das beste Gleichgewicht zwischen Lesbarkeit und Bewegung.
Optionen für Hintergrundstil
Wählen Sie Ihren Hintergrundstil unter Marquee-Hintergrundstil:
Volltonfarbe: Legen Sie unterschiedliche Farben für Desktop und Mobilgerät fest
Bildhintergrund: Laden Sie separate Bilder für Desktop und Mobilgerät hoch
Diashow-Hintergrund: Laden Sie bis zu 3 rotierende Bilder hoch
Video-Hintergrund: Laden Sie eine stummgeschaltete
.mp4Datei hoch, die in einer Schleife abgespielt wird
⚠️ Auf iPhones im Energiesparmodus werden Videos möglicherweise aufgrund von Systembeschränkungen nicht automatisch abgespielt.
Layout & Anzeige
Sektionshöhe: Wählen Sie aus:
Volle Höhe (füllt den gesamten Bildschirm)
Automatische Höhe (abhängig vom Inhalt)
Overlay-Einstellungen
Passen Sie Overlays für sowohl Desktop und Mobil:
Overlay-Farbe (Oben/Unten): Fügt eine Abdunklung oben oder unten hinzu
Overlay-Deckkraft (Oben/Unten): Zur Steuerung der Transparenz anpassen
Verwenden Sie Overlays, um den Textkontrast auf hellen Hintergründen zu verbessern.
Abstände
Sie können für Desktop und Mobilgerät unterschiedliche obere und untere Abstände festlegen:
Desktop-Abstände
Oben: Anpassbar (Standard ist 0px)
Unten: Anpassbar (Standard ist 0px)
Mobile Abstände
Oben: Anpassbar (Standard ist 0px)
Unten: Anpassbar (Standard ist 0px)
💡 Verwenden Sie zusätzlichen Abstand, wenn das Marquee in der Nähe anderer Bereiche mit voller Höhe gestapelt ist.
Mobile-Fallback-Option
Wenn Ihr Haupt-Hintergrund ein Video oder Diashow, können Sie die mobile Version zwingen, stattdessen ein Bild anzuzeigen.
Schalten Sie Mobilen Hintergrund durch Bild überschreiben um dies zu aktivieren
Dies ist hilfreich für Leistung und Zuverlässigkeit auf älteren Geräten oder bei geringer Bandbreite.
Brauchen Sie Hilfe?
💬 Treten Sie unserer Community auf Discord bei: https://discord.gg/hcc2GvgZc6
📧 Schreiben Sie uns eine E-Mail an: [email protected]
💻 Chatten Sie live mit uns: Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website
Zuletzt aktualisiert