CMS: Deine Produkte von Wix Stores auf einer beliebigen Seite anzeigen
10 min
In diesem Artikel
- Schritt 1 | Einer Seite eine Pro Gallery, einen Repeater oder eine Tabelle hinzufügen
- Schritt 2 | Deine Galerie, deinen Repeater oder deine Tabelle mit dem CMS verknüpfen
- Schritt 3 | (Optional) Die Datensatzeinstellungen verwalten
- Schritt 4 | (Optional) Kunden ermöglichen, Produkte zu filtern
- Schritt 5 | (Optional) „Mehr laden“- oder Navigationsbuttons hinzufügen
Präsentiere deine Produkte von Wix Stores in einer Galerie, einem Repeater oder einer Tabelle auf einer beliebigen Seite, zum Beispiel deiner Start- oder Warenkorbseite. Mit dem CMS (Content Management System) kannst du Buttons, Bilder oder Tabellenspalten dynamisch mit deiner Produktseite verlinken. Kunden können für weitere Informationen zur Produktseite navigieren, bevor sie sich für den Kauf entscheiden.
Du kannst auch Buttons, Bilder und Spalten mit der Aktion In den Warenkorb oder dem Schnellansichtsfenster verlinken. Verwende die Einstellungen im Datensatz, der deine Produkte mit den Seitenelementen verknüpft, um die Gesamtzahl der angezeigten Produkte zu filtern, zu sortieren oder zu begrenzen.
Bevor du loslegst:
- Du kannst deine eigenen Produkte in Wix Stores erstellen.
- Falls du dies noch nicht getan hast, musst du das CMS zu deiner Website hinzufügen.
- Du musst App-Sammlungen von Wix aktivieren, damit du Wix Stores mit dem CMS verwenden kannst.
Schritt 1 | Einer Seite eine Pro Gallery, einen Repeater oder eine Tabelle hinzufügen
Öffne die Seite in deinem Editor, auf der du deine Produkte von Wix Stores anzeigen möchtest. Bei Bedarf kannst du eine neue Seite hinzufügen. Füge dann das Element hinzu, in dem du deine Produkte anzeigen möchtest.
Wix Editor
Studio Editor
- Öffne deinen Editor.
- Öffne die Seite oder den Abschnitt, auf der/in dem du deine Produkte von Wix Stores anzeigen möchtest.
- Klicke auf der linken Seite des Editors auf Elemente hinzufügen
. - Füge eine Pro Gallery, einen Repeater oder eine Tabelle hinzu:
- Pro Gallery: Präsentiere deine Produkte in einer Galerie:
- Klicke auf Galerie.
- Klicke auf die gewünschte Pro Gallery und ziehe sie auf die Seite.
- Entferne die Standardbilder aus der Galerie:
- Klicke auf die Galerie und wähle Medien verwalten.
- Klicke auf Alle auswählen und dann auf Löschen.
- Klicke auf Fertig.
- Repeater: Zeige deine Produkte mit mehreren Elementen an, die an einen Repeater angehängt sind:
- Klicke auf Liste.
- Klicke und ziehe den Repeater deiner Wahl auf die Seite.
- Dein Repeater muss ein Bild oder einen Button haben, damit du ihn später mit deiner Produktseite verlinken kannst. Du kannst Elemente zu deinem Repeater hinzufügen oder daraus entfernen. Bei Bedarf kannst du die Größe des Repeaters ändern, sodass alle Elemente, die du benötigst, hineinpassen.
- Tabelle: Zeige deine Produkte in einem Tabellenformat an:
- Klicke auf Liste.
- Klicke auf Tabellen und ziehe die Tabelle deiner Wahl auf die Seite.
- Pro Gallery: Präsentiere deine Produkte in einer Galerie:
Schritt 2 | Deine Galerie, deinen Repeater oder deine Tabelle mit dem CMS verknüpfen
Verknüpfe die Sammlungsfelder mit deinem Repeater, deiner Galerie oder deiner Tabelle. Die Werte aus diesen dynamischen Feldern ändern sich auf deiner Live-Website je nach dem Produkt, das durch den Datensatz abgerufen wird. Achte darauf, dass die Buttons oder Bilder mit der Seiten-URL verknüpft sind. Mit diesem Link gelangen Besucher zur entsprechenden Produktseite des Shops.
Wix Editor
Studio Editor
- Klicke im Editor auf den Repeater, die Galerie oder die Tabelle.
- Klicke auf das Symbol für Mit CMS verknüpfen
. - Klicke auf Datensatz erstellen. Wenn du bereits einen Datensatz auf deiner Seite hast, klicke auf das Dropdown-Menü Datensatz wählen und wähle Neuen Datensatz erstellen aus.
- Klicke auf das Dropdown-Menü Kategorie auswählen und wähle unter Shops die Option Produkte aus.
- (Optional) Klicke auf das Feld Datensatzname und gib einen Namen für den Datensatz ein.
- Klicke auf Erstellen.
- (Nur Repeater) Klicke unter Verbindungen auf das Repeater-Element, das du verknüpfen möchtest (z. B. Text, Button, Bild).
- Klicke auf die entsprechenden Aufklappmenüs und wähle die dynamischen Sammlungsfelder von Wix Stores, die du verknüpfen möchtest, oder die Datensatzverknüpfungsoptionen für Buttons und Bilder:
- Sammlungsfelder von Wix Stores: Wähle die entsprechenden Felder aus, zum Beispiel:
- Name (Text): Der Produktname, den du in Wix Stores erstellt hast.
- Formatierter reduzierter Preis (Text): Der in der Währung formatierte Preis (z. B. 20 €).
- Hauptmedien (Bild): Das Hauptmedienelement (Bild oder Video) für das Produkt.
- Verlinkungsoptionen für Buttons und Bilder: Klicke auf das Dropdown-Menü Beim Klicken verknüpfen mit oder Link ist verknüpft mit und wähle die entsprechende Option aus:
- Zur Produktseiten-URL navigieren: Öffnet die Webadresse der Produktseite auf deiner Website.
- In den Warenkorb: Fügt das Produkt zum Warenkorb hinzu.
- Schnellansicht öffnen: Öffnet ein Pop-up mit Details zum Produkt.
- Sammlungsfelder von Wix Stores: Wähle die entsprechenden Felder aus, zum Beispiel:
- (Nur Repeater) Klicke auf Repeater-Verbindungen und wiederhole die Schritte 4-5 oben, um weitere Elemente im Repeater zu verbinden.
- Klicke, um deine Repeater-Elemente, Pro Gallery oder Tabelle wie gewünscht anzupassen.
Tipp: Du kannst jederzeit Elemente zu deinem Repeater hinzufügen oder daraus entfernen. Trenne die Verbindung zu Elementen, wenn du statische Inhalte verwenden möchtest, die sich nicht entsprechend der jeweiligen Kategorie ändern. - Klicke auf Vorschau, um die Funktionalität zu testen.
- Klicke auf Veröffentlichen, wenn du die Änderungen veröffentlichen möchtest.
Schritt 3 | (Optional) Die Datensatzeinstellungen verwalten
In den Einstellungen deines Datensatzes kannst du die maximale Anzahl von Produkten auswählen, die auf einmal angezeigt werden können. Du kannst Filter hinzufügen, um bestimmte Produkte einzuschließen, oder Sortierbedingungen verwenden, um die Reihenfolge festzulegen.
Hinweis:
Das Feld Elemente pro Ladevorgang gilt nicht für Tabellen. Wenn du eine Tabelle verwendest, um deine Produkte aufzulisten, kannst du die Anzahl der angezeigten Artikel begrenzen, indem du auf das Symbol für Layout 
klickst. Dann kannst du die Tabellenhöhe festlegen und die Seitennummerierung aktivieren.
klickst. Dann kannst du die Tabellenhöhe festlegen und die Seitennummerierung aktivieren.Wix Editor
Studio Editor
- Öffne die Datensatzeinstellungen:
- Klicke links auf CMS
. - Klicke auf Seitenverknüpfungen verwalten.
- Klicke neben dem entsprechenden Datensatz auf das Symbol für Weitere Aktionen
und wähle Datensatzeinstellungen.
- Klicke links auf CMS
- (Optional) Klicke auf den Berechtigungstyp neben Berechtigungen, um festzulegen, wer Inhalte von Sammlungen auf deiner Live-Website ansehen, hinzufügen, aktualisieren oder löschen kann.
- Bearbeite das Feld Elemente pro Ladevorgang, um die maximale Anzahl von Elementen, die gleichzeitig geladen werden können festzulegen.
Hinweis: Das ist auch die maximale Anzahl von Elementen, die geladen werden, wenn Besucher auf „Mehr laden“-Buttons, „Nächste/Vorherige Seite“-Buttons oder auf die Seitennummerierungsleiste klicken. Die Schritte findest du im nächsten Abschnitt. - (Optional) Klicke auf + Filter hinzufügen, um im Element Eoder in der Galerie nur bestimmte Produkte anzuzeigen.
- (Optional) Klicke auf + Sortierung hinzufügen, um die Reihenfolge auszuwählen, in der die Produkte im Element angezeigt werden.
- Klicke auf Vorschau, um die Funktionalität zu testen.
- Klicke auf Veröffentlichen, wenn du die Änderungen veröffentlichen möchtest.
Schritt 4 | (Optional) Kunden ermöglichen, Produkte zu filtern
Gib Besuchern die Möglichkeit, nur Produkte anzuzeigen, die den von ihnen angewendeten Filtern entsprechen wie zum Beispiel Preis, Bestand oder Marke. Wähle eines der folgenden Eingabeelemente, die das Filtern ermöglichen: Radiobuttons, Kontrollkästchen, Dropdowns, Auswahl-Tags oder Schieberegler (nur Bereichsschieberegler).
Schritt 5 | (Optional) „Mehr laden“- oder Navigationsbuttons hinzufügen
Verbessere die Leistung deiner Seite, indem du die Anzahl der angezeigten Produkte beschränkst und einen „Mehr laden“-Button hinzufügst.
Du kannst Navigationsbuttons hinzufügen, damit Käufer die nächsten/vorherigen Artikel anzeigen können oder füge eine Seitennummerierungsleiste, um gleichzeitig durch eine bestimmte Anzahl von Produkten zu blättern.
Tipp:
Mehr erfahren über die Aktionen für CMS-Datensätze, die du auf Buttons und Bilder anwenden kannst.