# Kataloge / Kategorien

# Kategorieseiten

Für den Inhalt einer Kategorie Seite oder einer Produktliste ist die Komponente ~components/productlist/ViewCategory.vue zuständig. Warum es sich bei diesem Einstiegspunkt nicht um eine Page handelt kann auf der Seite Routing & Dataflow nachgelesen werden.

# Schematischer Aufbau der Kategorieseite:

Kategorieseite

Die primären Komponenten, die ViewCategory enthält:

API Komponenten Aufgaben
sw / hubble breadcrumbs zeigt die aktuelle Position in der Navigationsstruktur an
hubble text-excerpt zeigt Excerpt an, wenn ausgeklappt
hubble product-listing-toolbar enthält product-listing-filter, selectable-limit, selectable-order, pagination, selected-facets, ItemCount
hubble product-listing enthält vue-tiny-slider, falls isSlider prop true; verwendet product-listing-card um Liste von Produkten (prop dataItems) darzustellen
hubble pagination zeigt Pagination an, die auf dem Wert paginationPerPage aus dem Vuex Store Modul modApiRequests basiert
hubble error-no-items zeigt eine Fehlermeldung an, wenn die Produktliste leer ist
sw sw-section stellt Abschnitte (sections) mit Hilfe von Blöcken (~/components/swComponents/blocks/) dar, siehe Darstellung von sections für Details

Im Shopware Kontext wird die Kategorieseite mit Hilfe von Blöcken innerhalb einer section dargestellt. So können die Erlebniswelt dynamisch dargestellt werden.