# 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 1. Im **Shopify Theme-Editor**, klicken Sie **Sektion hinzufügen** 2. Wählen Sie **Marquee** 3. 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 `.mp4` Datei 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:** * 📧 **Schreiben Sie uns eine E-Mail an:** * 💻 **Chatten Sie live mit uns:** Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website