Pagination

If the page uses 11ty pagination, this component will render the pagination links.
---
block:
  options:
    margin:
      top: null
      bottom: null
    max_pages_visible: 5
  _bookshop_name: elements/pagination
---
{% bookshop "{{block._bookshop_name}}" bind: block %}

Properties

optionsobject

Configuration options for the pagination

max_pages_visiblenumbers

The maximum number of links to show in the pagination.

marginobject

The margin around the text.

topenum

The top margin size.

none
xs
s
m
l
xl
2xl

bottomenum

The bottom margin size.

none
xs
s
m
l
xl
2xl

Examples

Max Pages Visible

---
block:
  options:
    margin:
      top: null
      bottom: null
    max_pages_visible: 3
  _bookshop_name: elements/pagination
---
{% bookshop "{{block._bookshop_name}}" bind: block %}

---
block:
  options:
    margin:
      top: null
      bottom: null
    max_pages_visible: 8
  _bookshop_name: elements/pagination
---
{% bookshop "{{block._bookshop_name}}" bind: block %}