Die Komponente <ws-paging-size-selector> ermöglicht die Auswahl der Anzahl der Treffer, die pro Seite angezeigt werden sollen. Sie kann sowohl für die Suchergebnisseite als auch für Kategorieseiten verwendet werden. Die Darstellung erfolgt standardmäßig über eine Dropdown-Liste.

Voraussetzungen

Keine.

Komponente

Die Komponente kann wie folgt auf der Kategorie und Suchergebnisseite eingebunden werden:

<ws-paging-size-selector type="dropdown" default="16" options='[16, 32, 48, 64, 80]'>
</ws-paging-size-selector>

Attribute:
- default: Definiert die Anzahl der Treffer, die standardmäßig pro Seite angezeigt werden. (z. B. 16)
- options: Liste der verfügbaren Optionen für die Trefferanzahl pro Seite. (z. B. [16, 32, 48, 64, 80])
- type: Gibt an, wie die Darstellung erfolgen soll
  - dropdown: Darstellung als Selectbox / Dropdown

Die Komponente erzeugt den folgenden Quellcode:

<ws-paging-size-selector type="dropdown" default="16" options="[16, 32, 48, 64, 80]" style="display: block;">
    <select>
        <option value="16" selected="">16</option>
        <option value="32">32</option>
        <option value="48">48</option>
        <option value="64">64</option>
        <option value="80">80</option>
    </select>
</ws-paging-size-selector>

HTML & CSS

Diese Komponente generiert keine spezifischen CSS-Klassen. Das Styling kann jedoch durch zusätzliche CSS-Anweisungen im Shop-Template angepasst werden.

Innerhalb der Komponente können keine weiteren HTML-Elemente eingefügt werden.