Skip to main content
The <ws-page-size-selector> component lets you choose the number of hits displayed per page. It can be used on the search result page as well as on category pages. By default the presentation is a dropdown list.

​
Component

The component can be embedded as follows on the category and search result page: Select mode
Button mode
  • Attributes:
    • options: List of available options for the number of hits per page (e.g. [16, 32, 48, 64, 80]).
    • class: Lets you assign a class to the element itself.
    • mode: Specifies how the presentation should be rendered.
      • select: Rendered as a dropdown list.
        • select-class: Class for the generated select element.
      • button: A “Show more” button without paging.
        • label: Text displayed on the button.
        • btn-class: Class for the button.
The component generates the following source code: Select mode
Button mode

​
CSS & styling

This component does not generate any specific CSS classes. Styling can, however, be adjusted through additional CSS in the shop template. No further HTML elements can be inserted inside the component.