Wix Hilfe-Center
    Start
  1. Deine Website erstellen
  2. Funktionen für Fortgeschrittene
  3. CMS (ehem. Content-Verwaltung)
  4. Das CMS mit anderen Produkten von Wix verwenden
    5. CMS: Inhalte einer Kategorie auf deiner Produktseite von Wix Stores anzeigen

CMS: Inhalte einer Kategorie auf deiner Produktseite von Wix Stores anzeigen

10 Min. Lesezeit
Deine Produktseite in deinem Shop hat für jedes deiner Produkte unterschiedliche Versionen, die dasselbe Layout haben. Mit dem CMS (Content Management System) kannst du diese Seite jetzt anpassen, um zusätzliche Produktdetails hinzuzufügen, die in einer separaten CMS-Sammlung gespeichert werden. Du kannst auch Standardinhalte von Produktseiten ausblenden und stattdessen in unterstützten Elementen anzeigen, um mehr Kontrolle über das Seitenlayout zu erhalten. Das gibt dir die Möglichkeit, deine Produktseite zu personalisieren, deine Produktangebote zu verbessern, um so ein besseres Erlebnis für deine Kunden zu schaffen.

Zuerst erstellst du eine CMS-Sammlung „Details“, die auf deine App-Sammlung von Wix verweist. In dieser Sammlung speicherst du die zusätzlichen Informationen, die du deiner Produktseite hinzufügen möchtest. Richte dann Datensätze auf deiner Seite ein und verbinde sie mit deiner App-Sammlung von Wix Stores und deiner CMS-Sammlung „Details“. Abschließend kannst du unterstützte Elemente wie das Rich-Content-Element mit deiner „Details“-Sammlung verknüpfen, um die zusätzlichen Informationen anzuzeigen.

Bei Bedarf kannst du den Standardinhalt in deinem Produktseiten-Widget ausblenden und an anderer Stelle anzeigen, indem du Elemente mit deiner App-Sammlung von Wix Stores verlinkst. Du könntest zum Beispiel die integrierte Galerie der Produktseite ausblenden, dann eine Pro Gallery hinzufügen und sie mit dem Feldtyp „Mediengalerie“ deiner App-Sammlung von Wix Stores verknüpfen. Dies gibt dir mehr Kontrolle darüber, wie du deine Galerie anpassen und überall auf der Seite anzeigen kannst. Dasselbe gilt für alle Elemente des Shop-Widgets, über die du mehr Kontrolle haben möchtest.

Das kann für dein Online-Business von großer Bedeutung sein. Stell dir vor, du bist ein Boutique-Besitzer, der sich eine einzigartige Produktseite wünscht, die Kunden einen tieferen Einblick in deine Produkte gibt. Mit diesem Prozess kannst du ganz einfach zusätzliche Details hinzufügen, wie zum Beispiel die Hintergrundgeschichte eines Produkts oder spezifische Pflegeanweisungen direkt auf deiner individuellen Produktseite hinzufügen.
Screenshot eines „Details“-Datensatzensatzes auf der Produktseite.
Bevor du loslegst:

Schritt 1 | Eine Sammlung erstellen, die auf deine App-Sammlung von Wix verweist

Wenn du möchtest, dass deine Produktseite Details zu deinen Produkten enthält, die noch nicht in Wix Stores vorhanden sind, musst du eine CMS-Sammlung mit den zusätzlichen Informationen erstellen. Für jeden Artikel in der Sammlung benötigst du auch ein Referenzfeld, das mit dem entsprechenden Produkt in deiner App-Sammlung von Wix Stores verknüpft ist.
Tipp:
Wenn du keine zusätzlichen Produktinformationen anzeigen möchtest, und stattdessen nur vorhandene Daten von Wix Stores in verknüpften Seitenelementen auf der Produktseite verwenden möchtest, überspringe diesen Schritt.

Um eine CMS-Sammlung zu erstellen, die auf deine App-Sammlung von Wix Stores verweist:

  1. Du musst eine (Standard-)Sammlung mit mehreren Elementen erstellen, wo du die zusätzlichen Informationen speicherst, die du in deine Produktseite integrieren möchtest.
  2. Klicke auf + Element hinzufügen, um Elemente für jedes Produkt hinzuzufügen, zu denen du zusätzliche Details speichern möchtest.
  3. Klicke auf + Feld hinzufügen, um Felder für jede Art von Inhalt hinzuzufügen, die du speichern möchtest (z. B. Rich Content).
  4. Klicke auf die entsprechenden Zellen, um jedem Element deinen Inhalt hinzuzufügen.
  5. Füge einen Referenzfeldtyp hinzu und verknüpfe ihn mit der App-Sammlung von Wix Stores:
    1. Klicke auf Felder verwalten und dann auf + Feld hinzufügen.
    2. Wähle Referenz und klicke auf Feldtyp auswählen.
      Tipp: Wähle das Multi-Referenzfeld, wenn du den Inhalt eines Elements für mehr als ein Produkt verwenden möchtest.
    3. Gib den Feldnamen ein.
    4. (Nur Velo) Aktualisiere bei Bedarf die Feld-ID, die im Code der Website verwendet wird. Du kannst diese ID später nicht aktualisieren.
    5. Klicke auf das Aufklappmenü Referenzsammlung und wähle unter Shops die Option Produkte aus.
    6. (Optional) Gib einen Hilfetext ein, um in deiner Sammlung neben dem Feldnamen einen Tooltipp einzufügen.
    7. Klicke auf Speichern.
Screenshot, der zeigt, wie ein Referenzfeld in einer CMS-Sammlung mit dem Namen „Details“ erstellt wird, das auf die App-Sammlung von Wix Stores verweist.
  1. Klicke für jeden Artikel auf das Referenzfeld und wähle das entsprechende Produkt aus. Du kannst mehrere Produkte auswählen, wenn du im vorherigen Schritt ein Multi-Referenzfeld hinzugefügt hast.
Screenshot der Auswahl der entsprechenden Produkte im Referenzfeld der Sammlung „Details“.

Schritt 2 | Datensätze einrichten und Elemente mit diesen verknüpfen

Datensätze sind die Werkzeuge, die Seitenelemente wie Text, Buttons und Bilder mit dem Inhalt einer Sammlung verlinken. Sie erleichtern die Verbindung zwischen den Elementen und dem Inhalt deiner Sammlungsfelder.

Du musst einen oder zwei Datensätze zur Produktseite hinzufügen, je nachdem, ob du zusätzliche Details aus deiner CMS-Sammlung anzeigen möchtest oder nicht.

Die Schritte in diesem Abschnitt zeigen dir, wie du die folgenden Datensätze zu deiner Produktseite hinzufügst:
  • Datensatz der App-Sammlung von Wix: Dieser liest Produktinformationen, die in deiner „Wix Stores“-App gespeichert und verwaltet werden. Füge diesem Datensatz einen URL-Slug-Filter hinzu. Du kannst unterstützte Elemente mit dem Datensatz verknüpfen, um Inhalte aus Wix Stores anzuzeigen.
  • Datensatzdetails: Dieser liest die zusätzlichen Inhalte, die du über deine Produkte aus deiner eigenen CMS-Sammlung gespeichert hast. Füge deinem Datensatz einen Filter hinzu, der das Referenz- oder Multi-Referenzfeld deiner Sammlung filtert. Verknüpfe Elemente wie das Rich-Content-Element mit diesem Datensatz, um die zusätzlichen Inhalte anzuzeigen, die du zu deiner CMS-Sammlung „Details“ hinzugefügt hast.
    Hinweis: Du benötigst diesen Datensatz nicht, wenn du keine zusätzlichen Informationen aus deiner CMS-Sammlung „Details“ anzeigen möchtest, sondern nur Inhalte aus deiner App-Sammlung von Wix Stores anzeigen möchtest.
Screenshot der für diese Funktion benötigten Datensätze.
Wix Editor
Studio Editor
  1. Öffne deinen Editor.
  2. Öffne deine Produktseite:
    1. Klicke auf der linken Seite des Editors auf Seiten & Menü .
    2. Klicke auf Shop-Seiten und wähle die Produktseite aus.
  3. Füge einen Datensatz hinzu, der mit deiner CMS-Sammlung „Details“ verknüpft ist und filtere nach deinem Referenz- oder Multi-Referenzfeld:
    Hinweis: Überspringe diesen Schritt, wenn du keine zusätzlichen Details aus deiner CMS-Sammlung „CMS“anzeigen möchtest.
    1. Klicke links auf CMS .
    2. Klicke auf Content-Elemente hinzufügen.
    3. Klicke auf Datensatz.
    4. Klicke auf das Aufklappmenü Sammlung auswählen und wähle deine „Details“-Sammlung aus.
    5. Bearbeite bei Bedarf den Datensatznamen und klicke auf Erstellen.
    6. Klicke in den Datensatzeinstellungen unter Filter auf + Filter hinzufügen.
    7. Klicke auf das Aufklappmenü Feld, wähle dein Referenzfeld (Produkte) oder Multi-Referenzfeld (Produkte) aus und klicke dann auf Filter hinzufügen.
Screenshot, wie ein Referenzfilter zu deinem „Details“-Datensatz hinzugefügt wird.
  1. Füge einen Datensatz hinzu, der mit deiner App-Sammlung von Wix Stores verknüpft wird:
    1. Klicke unten im Panel auf der rechten Seite auf Datensatz hinzufügen.
    2. Klicke auf das Aufklappmenü Sammlung auswählen und wähle unter Stores die Option Produktkollektion aus.
    3. Bearbeite bei Bedarf den Datensatznamen und klicke auf Erstellen.
Screenshot der Erstellung eines Datensatzes, der mit der App-Sammlung von Wix Stores verknüpft wird.
  1. Füge deinem Shop-/Produktdatensatz einen URL-Slug-Filter hinzu:
    1. Klicke neben deinem Shop-/Produktdatensatz auf das Symbol für Weitere Aktionen und wähle Datensatzeinstellungen.
    2. Klicke unter Filter auf + Filter hinzufügen.
    3. Klicke auf das Aufklappmenü Feld und wähle Slug (Text) aus.
    4. Lasse als Bedingung die Option „ist“ ausgewählt.
    5. Wähle unter Wertquelle die Option URL-Slug aus.
    6. Klicke auf Filter hinzufügen.
Screenshot, wie ein URL-Slug-Filter zur App-Sammlung von Wix hinzugefügt wird.
  1. Füge die unterstützten Elemente hinzu, die du verknüpfen möchtest.
  2. Du musst die Elemente mit den entsprechenden Feldern im entsprechenden Datensatz verknüpfen:
    • Datensatzdetails: Verknüpfe die Sammlungsfelder in diesem Datensatz, um Inhalte aus deiner CMS-Sammlung „Details“ zu verwenden.
    • Shops/Produkte-Datensatz: Verknüpfe die Sammlungsfelder in diesem Datensatz, um Inhalte aus deiner App-Sammlung von Wix Stores zu verwenden.
      Tipp: Du kannst einen Button oder ein Bild hinzufügen und dann die Klickaktion verknüpfen mit der „In den Warenkorb legen“-Datensatzaktion, um deinen eigenen „In den Warenkorb“-Button zu erstellen. Verknüpfe auf ähnliche Weise die Aktion Schnellansicht öffnen , um einen Button zu erstellen, der das „Schnellansicht“-Fenster öffnet.
Screenshot, der zeigt, wie ein Rich-Content-Element mit dem Rich-Content-Feld verknüpft wird.
  1. (Optional) Blende Standarddetails aus deinem Produktseiten-Widget aus:
    1. Klicke auf das Element Produktseite und wähle Einstellungen.
      Hinweis: Wenn du Einstellungen nicht siehst, verwendest du die neue Produktseite von Wix Stores. Wähle stattdessen das Symbol für Elemente aus und deaktiviere die Kontrollkästchen neben jedem Widget-Element, das du ausblenden möchtest. Fahre dann mit Schritt 9 fort.
    2. Klicke auf den Tab Einstellungen.
    3. Deaktiviere die Kontrollkästchen neben allen Details, die du aus dem Produktseiten-Widget ausblenden möchtest.
    4. Deaktiviere den Schalter neben den entsprechenden Buttons oder Symbolen, um sie aus dem Widget auszublenden.
    5. Bei Bedarf kannst du dein Produktseiten-Widget weiter anpassen.
Screenshot vom Anpassen des Produktseiten-Widgets.
  1. Verwende die Vorschau-Symbolleiste, um die Verknüpfungen für die entsprechenden Produkte zu testen.
  2. Veröffentliche deine Website, wenn du die Änderungen veröffentlichen möchtest.

War das hilfreich?

|
In diesem Artikel
  • Schritt 1 | Eine Sammlung erstellen, die auf deine App-Sammlung von Wix verweist
  • Schritt 2 | Datensätze einrichten und Elemente mit diesen verknüpfen