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>

Die Komponente erzeugt keine CSS-Klassen. Für ein individuelles Styling können eigene CSS-Klassen bei der Komponente mit übergeben werden.