# 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 --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.openspaces.design/german/readme-1/sections-and-features/marquee-section.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.