CMS: Deine Produktkategorien von Wix Stores auf einer dynamischen Listenseite anzeigen

11 Min. Lesezeit
Erstelle eine dynamische Listenseite, um all deine Produktkategorien von Wix Stores an einem Ort zu präsentieren. Wenn Besucher auf eine Kategorie klicken, werden sie zur entsprechenden Kategorieseite weitergeleitet, wo sie die Produkte sehen können. Du kannst auch all deine Shop-Kategorien auf einer vorhandenen, nicht dynamischen Seite anzeigen, zum Beispiel der Startseite oder der Warenkorbseite.

Du kannst einen anpassbaren Repeater oder eine Pro Gallery verwenden, um die Kategorien anzuzeigen, die dir gefallen. In den Datensatzeinstellungen der Seite kannst du festlegen, wie viele Kategorien gleichzeitig angezeigt werden. Im Datensatz kannst du auch Filter hinzufügen, um nur bestimmte Kategorien anzuzeigen, oder Sortierungen hinzufügen, um die Reihenfolge zu steuern, in der sie angezeigt werden.
Screenshot-Beispiel eines Repeaters, der mit Kategorien bei Wix Stores verbunden ist.
Wichtig:
Du benötigst die neue Version der Produktkategorien von Wix Stores für diese Anleitung. Wenn du diese noch nicht hast, kannst du mit der ursprünglichen Version der Produktkategorien manuell eine Kategoriegalerie erstellen.
Bevor du loslegst:

Schritt 1 | Eine dynamische Listenseite für deine Kategorien hinzufügen

Öffne die App-Sammlungen von Wix im CMS deines Editors und erstelle eine dynamische Listenseite aus der Shop-Sammlung. Diese Seite enthält einen Repeater, der bereits teilweise mit deinen Shop-Kategorien verbunden ist. Wenn du möchtest, kannst du den Repeater löschen und stattdessen eine Pro Gallery oder eine Tabelle hinzufügen, um deine Kategorien zu präsentieren.
Wix Editor
Editor X
Studio Editor
  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite im Editor auf CMS  .
  3. Klicke links auf App-Sammlungen von Wix.
  4. Scrolle nach unten zu Stores, fahre mit der Maus über Collections und klicke auf das Symbol für Weitere Aktionen .
  5. Klicke auf Dynamische Seite hinzufügen.
  1. Klicke auf Listenseite.
  2. Klicke auf Hinzufügen.
  3. (Optional) Verwende anstelle eines Repeaters eine Galerie oder Tabelle, um deine Kategorien anzuzeigen:
    1. Klicke auf den Repeater und drücke die Entf-Taste auf deiner Tastatur, um ihn zu entfernen.
    2. Du kannst deiner Seite nun die Wix Pro Gallery hinzufügen oder eine Tabelle.
      Hinweis: Tabellen sind im Editor X nicht verfügbar.
    3. (Nur Galerie) Klicke auf die Galerie und wähle Medien verwalten.
    4. (Nur Galerie) Klicke auf Alle auswählen und klicke dann auf Löschen, um alle Standardbilder aus der Galerie zu entfernen.Klicke anschließend auf Fertig.

Tipp: Wenn du einen anderen Repeater verwenden möchtest, kannst du den Standard-Repeater löschen und einen neuen hinzufügen. Du verbindest die Repeater-Elemente im nächsten Schritt.

Verbinde die dynamischen Sammlungsfelder mit deinem Repeater, deiner Galerie oder deiner Tabelle. Die Werte aus diesen dynamischen Feldern ändern sich auf deiner Live-Website je nach angezeigter Kategorie. Achte darauf, dass die Buttons oder Bilder mit der Seiten-URL verknüpft sind. Mit diesem Link gelangen Besucher zur entsprechenden Shop-Kategorieseite.
Wix Editor
Editor X
Studio Editor
  1. Klicke im Editor auf den Repeater, die Pro Gallery oder die Tabelle.
  2. Klicke auf das Symbol für Mit CMS verbinden .
  3. Klicke auf das Aufklappmenü Datensatz wählen und wähle Collections.
  4. (Nur Repeater) Klicke unter Verbindungen auf das Repeater-Element, das du verbinden möchtest.
    Hinweis: Wenn du den Standard-Repeater der dynamischen Seite verwendest, sind die Bild- und Textelemente bereits verbunden. Du kannst zusätzliche Textelemente löschen oder trennen und durch statischen Text ersetzen.
  5. Klicke auf die entsprechenden Aufklappmenüs und wähle die dynamischen Sammlungsfelder aus, die du verbinden möchtest: 
    • Name (Text): Der in Wix Stores festgelegte Kategoriename.
    • Hauptmedium (Bild): Das Kategoriebild, das in Wix Stores festgelegt ist.
    • Slug (Text): Der einzigartige Teil der URL am Ende der Webadresse deiner Kategorieseite. Du kannst diesen festlegen, indem du die SEO-Einstellungen jeder Shop-Kategorie bearbeitest.
    • ID (Text): Der eindeutige Identifikationscode im Backend jeder Kategorie.
    • Zu Seiten-URL navigieren: Die Webadresse der entsprechenden Kategorieseite. Klicke bei Buttons auf das Aufklappmenü Beim Klicken verknüpfen mit, um die Option Zur Seiten-URL navigieren auszuwählen. Klicke bei Bildern oder der Pro Gallery auf das Aufklappmenü Link verknüpft mit, um die Option Navigieren nach Page-URL auszuwählen.
  1. (Nur Repeater) Klicke auf Repeater-Verbindungen und wiederhole die Schritte 4-5 oben, um weitere Elemente im Repeater zu verbinden.
  2. Klicke, um deine Repeater-Elemente, Pro Gallery oder Tabelle wie gewünscht anzupassen.
    Tipp: Du kannst jederzeit Elemente zu deinem Repeater hinzufügen oder entfernen. Trenne die Verbindung zu Elementen, wenn du statische Inhalte verwenden möchtest, die sich nicht entsprechend der jeweiligen Kategorie ändern.
  3. Klicke auf Vorschau, um deine dynamische Seite mit deinen Shop-Kategorien zu testen.
  4. Klicke auf Veröffentlichen, wenn du die Änderungen veröffentlichen möchtest.

(Optional) Schritt 3 | Die Datensatzeinstellungen verwalten

In den Datensatzeinstellungen kannst du die maximale Anzahl an Kategorien auswählen, die auf einmal angezeigt werden können. Du kannst auch Filter hinzufügen, um nur bestimmte Kategorien einzuschließen, oder Sortierungen hinzufügen, um die Reihenfolge zu steuern, in der die Kategorien angezeigt werden.
Wix Editor
Editor X
Studio Editor
  1. Klicke im Editor auf den Datensatz einer Kollektion und wähle Einstellungen.
  1. Bearbeite das Feld Maximale Anzahl angezeigter Elemente, um die maximale Anzahl von Kategorien festzulegen, die gleichzeitig auf der Seite geladen werden können. Das sind auch die maximalen Kategorien, die pro Seite in einer verbundenen Seitennummerierungsleiste oder per Klick auf einen „Mehr laden“-Button geladen werden können.
  2. (Optional) Klicke auf + Filter hinzufügen, um im Repeater oder in der Galerie nur bestimmte Kategorien anzuzeigen.
  3. (Optional) Klicke auf + Sortierung hinzufügen, um die Reihenfolge auszuwählen, in der die Kategorien angezeigt werden.
  1. Klicke auf Vorschau, um deine dynamische Seite mit deinen Shop-Kategorien zu testen.
  2. Klicke auf Veröffentlichen, wenn du die Änderungen veröffentlichen möchtest.

War das hilfreich?

|