Sammlungsanzeige-Abschnitt
Was Sie lernen werden
So präsentieren Sie Produkte aus einer Kollektion
Layout, Typografie, Abstände und Hover-Stile für Produkte anpassen
Verwende die Automatischer Zyklus Funktion zum automatischen Wechseln von Produktbildern
Übersicht
Die Sammlungsanzeige-Abschnitt in den Themes Plain Jane und Interactive ermöglicht es Ihnen, Produkte aus einer beliebigen Shopify-Kollektion hervorzuheben. Es ist ein minimalistisches, bildzentriertes Layout, ideal zum Präsentieren von Lookbooks oder vorgestellten Drops.
Dieser Abschnitt unterstützt:
Titeldarstellung
Flexible Raster-Layouts (1–6 Produkte pro Reihe auf dem Desktop, 1–3 auf Mobilgeräten)
Benutzerdefinierte Abstände und Hover-Effekte
Automatisch rotierende Produktbilder mit der Automatischer Zyklus Funktion
💡 Tipp: Dieser Abschnitt ist visuell vom Kollektion-Liste-Sektionunterscheidbar, das mehrere Kollektionen anzeigt. Hier präsentieren Sie Produkte aus einer einzelnen Kollektion.
Anleitung
Im Theme-Editor, klicken Sie Abschnitt hinzufügen → Kollektion anzeigen.
Unter Inhalt & Daten:
Wählen Sie eine Kollektion aus Ihrem Shopify-Shop.
Fügen Sie einen Sektionsüberschrift (optional).
Im Layout & Anzeige Panel:
Passe Textausrichtung (Links, Zentriert, Rechts).
Umschalten, ob angezeigt werden soll Titel, Preise, Vergleichspreisund Produktstatus-Tags wie Ausverkauft, Vorbestellung, oder Angebot.
Legen Sie Produkte pro Reihe für Desktop und Mobilgerät.
Funktion Automatischer Zyklus
🎯 Zweck: Visuelles Engagement steigern, indem Produktbilder automatisch durchlaufen werden.
Wenn Sie Automatischer Zyklus unter Bild-Hover-Effektaktivieren, wechseln Ihre Produktbilder durch mehrere Blickwinkel oder Stile (falls im Produkt in Shopify hochgeladen).
So aktivieren Sie es
Scrollen Sie zu Bild-Hover-Effekt.
Wählen:
Automatisch alle Bilder durchlaufenOder begrenzen Sie die Anzahl mit dem Sonstiges Dropdown:
Alle Bilder durchlaufen,Auf die ersten 2 beschränken, usw.
Passe Dauer des Bildübergangs (Standard: 550 ms).
💡 Tipp: Für beste Ergebnisse stellen Sie sicher, dass Ihre Produkte in Shopify mehrere Bilder haben. Diese Funktion wird für Produkte mit nur einem Bild nicht aktiviert.
Typografie
Sie können die Schriftgrößen für einstellen:
Sektionsüberschrift
Produktname
Produktpreis
Steuerungen sind separat für Desktop und Mobilgerät verfügbar.
Farben
Anpassen:
Hintergrundfarbe
Farbe der Sektionsüberschrift
Farbe des Produktnamens
Abstände
Beinhaltet detaillierte Steuerungen für:
Oben- und unten-Abstand (Desktop und Mobilgerät)
Abstand zwischen Abschnittstitel und Produkten
Abstand zwischen Produktbild, Titel und Preis
Abstände zwischen Produkten und Reihen
Alle anzeigen-Schaltfläche
Sie können einen CTA hinzufügen, der zur vollständigen Kollektion verlinkt:
Passen Sie Schaltflächen-Hintergrundfarbe
Passen Sie Schaltflächen-Textfarbe
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