Bildstrom-Abschnitt
Was Sie lernen werden
Wie man eine horizontal scrollende Bildergalerie erstellt
Wie man Bildlaufgeschwindigkeit, -richtung und -abstände steuert
Wie man Bildunterschriften und Links zu Bildern hinzufügt
Wie man Layout und Typografie für Desktop und Mobil anpasst
🧩 Abschnittsübersicht
Der Bereich Bildstrom ist eine horizontal scrollende Reihe von Bildern, ideal zum Anzeigen von Kampagnenaufnahmen, redaktionellen Looks oder Markenhighlights. Er verleiht Ihrem Schaufenster Bewegung und kann so eingestellt werden, dass er automatisch scrollt.
So fügen Sie den Abschnitt hinzu
Im Shopify Theme-Editor, klicken Sie Sektion hinzufügen
Wählen Sie Bild-Stream
Ziehen Sie den Abschnitt an die gewünschte Stelle auf der Seite
Bilder hinzufügen
Jedes Bild wird über einen Block namens hinzugefügt Bild.
Um ein Bild hinzuzufügen:
Klicken Sie Block hinzufügen, dann wählen Sie Bild
Laden Sie Ihr Bild hoch oder wählen Sie es aus
(Optional) Fügen Sie eine Bildunterschrift – diese erscheint unter dem Bild
💡 Tipp: Halten Sie Bildunterschriften kurz für ein sauberes Layout
Abschnittseinstellungen
Inhalt & Links
Sektionsüberschrift: Fügen Sie eine Überschrift für den Abschnitt hinzu (optional)
Anzeige-Link-URL: Fügen Sie einen Link zu einem Produkt, einer Kollektion oder einer Seite hinzu
Anzeige-Link-Text: Dies ist der Schaltflächentext, z. B. "SHOP"
Farben
Hintergrundfarbe: Legen Sie den Hintergrund hinter dem Stream fest
Farbe der Sektionsüberschrift: Legen Sie die Farbe für Überschrift und Anzeige-Link fest
Layout & Anzeige
Bilder pro Reihe auf dem Desktop: Wählen Sie, wie viele Bilder nebeneinander angezeigt werden (2 bis 6)
Bildseitenverhältnis: Steuert die Bildform (z. B. Hochformat, Quadrat, Querformat)
Höhenmodus:
Responsiv: Bilder skalieren basierend auf dem Seitenverhältnis
Volle Höhe: Der Abschnitt füllt die Bildschirmhöhe (Titel und Schaltflächen werden ausgeblendet)
Zusätzliche Optionen:
Stromrichtung umkehren: Aktivieren, um von rechts nach links zu scrollen
Auf Mobilgeräten ausblenden: Blendet den gesamten Abschnitt auf Telefonen aus
Automatische Scroll-Geschwindigkeit: Steuert, wie schnell sich die Bilder bewegen (gemessen in Pixel pro Sekunde)
⚠️ Langsamere Scrollgeschwindigkeiten wirken flüssiger und sind leichter zu verfolgen
Typografie-Einstellungen
Abschnittsüberschrift Größe (Desktop): Standard ist 16px
Abschnittsüberschrift Größe (Mobil): Standard ist 14px
Fettgedruckte Sektionsüberschrift: Ein-/Ausschalten
Fetter Anzeige-Link: Ein-/Ausschalten
Abstandseinstellungen
Sie können die Abstände sowohl für Desktop als auch für Mobil anpassen.
Desktop-Abstände
Oben: 20px
Unten: 20px
Mobile Abstände
Oben: 16px
Unten: 16px
Abstand zwischen Bildern
Wählen Sie aus: Keine, Klein, Mittel oder Groß
💡 Tipp: Verwenden Sie "Keine" für ein nahtloses Erscheinungsbild oder fügen Sie Abstände hinzu, damit jedes Bild Luft bekommt
Beispiel für die Abschnittsstruktur
Der Abschnitt enthält mehrere Bildblöcke, jeder mit eigenem Bild und Bildunterschrift.
Beispiel:
Bild – Look 1
Bild – Look 2
Bild – Look 3
Bild – Look 4
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