Listendarstellung

plentymarkets » CMS » Webdesign

 

Inhalt dieser Seite

Ein Webshop benötigt verschiedene Ansichten zur Darstellung von Übersichten, z.B. von Artikeln. Auf dieser Seite erhalten Sie grundlegende Informationen zu Struktur und Aufbau von Listen im Webdesign.

Artikellisten

Wenn ein Besucher auf eine Kategorie klickt, sollen z.B. die entsprechenden Artikel der Kategorie in einer Übersicht gezeigt werden. Dazu werden Listen verwendet. Die Ansicht für den genannten Fall, die Artikelliste, wird beispielsweise durch das Template ItemViewCategoriesList erzeugt. Die Artikel werden nach Anklicken einer Kategorie angezeigt. Die Artikelliste enthält wiederum die jeweiligen Artikelansichten, die mit dem Template ItemView umgesetzt werden, in denen dann u.a. größere Artikelbilder und die komplette Artikelbeschreibung angezeigt werden. Schließlich darf die Ausgabe einer Artikelsuche nicht fehlen. Diese erfolgt ebenfalls in Listenform mit dem Template ItemViewSearchResultsList.

Das folgende Bild zeigt das Prinzip des Templates ItemViewCategoriesList, das die Kategorien im Webshop anzeigt.

Bild 1: Prinzip des Templates ItemViewCategoriesList

Der Aufbau besteht aus Reihen – in Bild 1 ItemViewCategoriesListRow – und Artikeln – in Bild 1 ItemViewCategoriesListItem. Die Anzahl der Artikel pro Reihe ist im Tab Einstellungen des Templates mit der Option ItemViewCategoriesList_EachRow konfigurierbar.

Zusätzliche Konfigurationen im Code

Zur Darstellung der Artikel pro Reihe sind weitere Konfigurationen im Code nötig. Beachten Sie dazu das folgende Beispiel in Kapitel 2.1.

Zu vielen Artikelansichten stehen mehrere Template-Varianten zur Verfügung. So ist es möglich, eine Artikelliste in verschiedenen Bereichen des Webshops unterschiedlich darzustellen. Sie können die Varianten anhand ihrer Nummerierung am Ende des Namens unterscheiden. Beispiel: ItemViewCategoriesList, ItemViewCategoriesList2, ItemViewCategoriesList3 etc.

Beispiel: ItemViewCategoriesList

Das Template ItemViewCategoriesList erzeugt eine Artikelliste bei Auswahl einer Kategorie im Webshop. Das Ergebnis wird als Artikelliste angezeigt. Dabei wird im Tab Einstellungen des Templates festgelegt, wie viele Artikel pro Zeile und Seite angezeigt werden.

Bild 2: Template-Code ItemViewCategoriesList

Wie oben beschrieben und in Bild 1 als Schema dargestellt besteht der Aufbau aus Reihen – hier im Beispiel ist das der Code ItemViewCategoriesListRow – und Artikeln – hier ItemViewCategoriesListItem. Die Anzahl der Artikel pro Reihe ist im Tab Einstellungen des Templates mit der Option ItemViewCategoriesList_EachRow konfigurierbar. Die Anzahl der Artikel pro Seite wird mit der Option ItemViewCategoriesList_Page festgelegt.

Nach oben