Vergleiche die verschiedenen Möglichkeiten, wie du Produkte auf deiner Website anzeigen kannst.

Du kannst Produkte auf deiner Website mithilfe von Shop-Seiten und Produkt-Blöcken anzeigen. Shop-Seiten sind die primäre Methode zum Hinzufügen von Produkten und zum Erstellen eines Shop-Layouts. Produkt-Blöcke zeigen einzelne Produkte aus bestehenden Shop-Seiten in Bereichen wie Blogeinträgen und Layout-Seiten an. In beiden Fällen öffnet ein Klick auf ein Produkt die Produktdetailseite mit weiteren Informationen, Abmessungen, Bildern und Varianten.

Wir erhalten oft Fragen dazu, wie sich Shop-Seiten und Produkt-Blöcke unterscheiden. Diese Anleitung behandelt die wichtigsten Unterschiede, bewährte Verfahren und Dinge, die beim Hinzufügen der beiden zu deiner Website zu beachten sind.

Shop-Seiten

Verwende Shop-Seiten, um Produkte zu deinem Shop hinzuzufügen und zu bearbeiten. Shop-Seiten zeigen mehrere Artikel in einem zusammenhängenden Layout an. Das Layout einer Shop-Seite hängt von deinem Template ab und umfasst normalerweise Optionen für die Kategorie-Navigation, Mouseover-Effekte und die automatische Navigation von der Artikelseite eines Produkts zurück zur Haupt-Shop-Seite.

Du kannst mehrere Shop-Seiten sowie Tags und Kategorien hinzufügen, um deine Produkte in verschiedenen Sammlungen zu organisieren. Du kannst deine Shop-Seiten auch im Menü „Website-Stil“ anpassen.

Hier ist ein Beispiel für die Shop-Seite des Templates „Supply“:

Klicke auf ein Produkt, um die Produktdetailseite anzuzeigen. Sie kann zusätzliche Informationen, Varianten-Drop-down-Menüs, einen Zum Warenkorb hinzufügen-Button und vieles mehr enthalten.

Produkt-Block

Um vorhandene Produkte auf einer Seite, einem Blogbeitrag oder einem anderen Inhaltsbereich anzuzeigen, verwende Produkt-Blöcke. Jeder Produkt-Block zeigt ein Produkt an. Produkt-Blöcke sind ideal, um spezielle, neue oder Sale-Artikel auf deiner Website zu bewerben.

Du kannst keine neuen Produkte mit einem Produkt-Block erstellen. Produkt-Blöcke dienen zum Abrufen von Informationen aus vorhandenen Produkten, die zu Shop-Seiten hinzugefügt wurden. Dies bedeutet, dass du bei der Verwendung von Produkt-Blöcken diese Produkte zuerst zu Shop-Seiten hinzufügen musst.

Du kannst Produkt-Blöcke mit anderen Blöcken kombinieren, um ein individuelles Layout zu erstellen, das über das Shop-Seiten-Design deines Templates hinausgeht. Um beispielsweise ein Layout zu erstellen, das in deinem Template nicht verfügbar ist, kannst du mehrere Produkt-Blöcke auf einer Seite verwenden und die Shop-Seiten, von denen diese Blöcke die Daten abrufen, in den Abschnitt „Nicht verlinkt“ verschieben, damit sie in den Navigationsmenüs ausgeblendet werden.

Um die Details, die du in den Block aufnimmst, anzupassen, kannst du das Bild, den Titel, die Beschreibung, den Preis und den Button „Zum Warenkorb hinzufügen“ ein- oder ausblenden.

Hier ist ein Beispiel für einen Produkt-Block in einem Blogbeitrag: