Überblick
Store-Betreiber können jetzt ein neues Collection List Element verwenden und gezielt Produkt-Collections auf beliebigen Store-Seiten anzeigen lassen. Zusätzlich wurden Collections um Bilder und SEO-Felder erweitert, wodurch sich sowohl Darstellung als auch Suchmaschinenoptimierung deutlich verbessern.
So verwendest du die Funktion
1. Collection konfigurieren
Gehe zu:
Payments → Products → Collections
Hier kannst du deine Collection erstellen oder bearbeiten und folgende Felder pflegen:
Name der Collection
Bild (optional)
SEO Title
SEO Description
Handle (URL-Slug)
2. Collection List Element im Store hinzufügen
Öffne den Page Builder deiner Store-Seite und füge das Element hinzu:
Store Elements → Collection List
3. Standard-Setup im Builder
Nach dem Hinzufügen siehst du automatisch:
3 Platzhalter-Collections mit Beispielbildern und Namen
Diese dienen nur als Preview und müssen ersetzt werden.
4. Einstellungen konfigurieren
Klicke auf das Element, um rechts die Einstellungen zu öffnen. Dort kannst du anpassen:
Heading (Überschrift)
Padding & Margin
Farben
Rahmen (Borders)
Schriftarten
Layout-Einstellungen
Standard: 3 Collections pro Reihe
Anpassbar für:
Desktop
Mobile
Limits:
Desktop: max. 5 Spalten
Mobile: max. 2 Spalten
Heading entfernen
Wenn kein Titel benötigt wird:
Einfach das Feld Headline leer lassen
→ Die Überschrift wird automatisch entfernt
Collections zuweisen
Um echte Collections anzuzeigen:
Klicke auf eine Collection im Element
Wähle im rechten Panel die gewünschte Collection aus
Die ausgewählte Collection wird sofort im Builder angezeigt
⚠️ Platzhalter-Collections haben keine Funktion auf der Live-Seite.
Direktes Mapping im Canvas
Collections können jetzt direkt im Builder bearbeitet werden:
Doppelklick auf ein Collection-Item
Nicht zugewiesene Items öffnen automatisch den Auswahlbereich
Bereits zugewiesene Collections werden im Canvas hervorgehoben
Vorteile:
Zwei-Wege-Sync zwischen Canvas & Auswahlpanel
Änderungen werden sofort übernommen
Reihenfolge bleibt stabil, auch bei Änderungen
Darstellung im Store
Wenn ein Collection-Bild vorhanden ist → wird das Bild angezeigt
Wenn kein Bild vorhanden ist → Text wird zentriert mit Hintergrund dargestellt
SEO-Verbesserungen
Collections unterstützen jetzt SEO-Felder:
SEO Title
SEO Description
Handle (URL-Struktur)
Diese Daten werden verwendet für:
Produktlisten-Seiten mit Collection-Filter
SEO-Tags für bessere Google-Indexierung
Speichern & Veröffentlichen
Nach allen Änderungen:
➡️ Save / Publish klicken, um die Änderungen live zu schalten
