Hugo paginator add pages?

support
1

Hello guys,
I just wanted to build a little pagination for my blog. Currently hugo will load all markdown files from the $ directory. For the “Snipppets” section the pagination works fine.

Screenshot 2020-06-18 at 11.14.57
Screenshot 2020-06-18 at 11.14.571832×303 8.43 KB

The structure is like:
/content/snippets/post1.md
/content/snippets/post2.md
/content/snippets/post3.md

But for the “Hub” section I got some “series posts” and the paginator doesn’t understand that the pages are in subdirectorys.

Screenshot 2020-06-18 at 11.18.50
Screenshot 2020-06-18 at 11.18.501740×196 6.96 KB

The structure is like:
/content/hub/series1/post1/_index.md
/content/hub/series1/post2/_index.md
/content/hub/series2/post1/_index.md
/content/hub/series2/post2/_index.md

The code for the pagination:

{{ $pag := $.Paginator }}
{{ $pag }}
{{ if gt $pag.TotalPages 1 }}

<div class="section-xs">
	<div class="container" style="text-align: center;">
		<div class="pagination-wrapper margin-0">
			<div class="pagination">
				<a class="prev page-numbers" {{ if $pag.HasPrev }}href="{{ $pag.Prev.URL }}"{{ end }}><<</a>

				{{ range $pag.Pagers }}
					{{ if eq . $pag }}
					<span aria-current="page" class="page-numbers current">{{ .PageNumber }} </span>
					{{ else }}
					<a class="page-numbers" href="/snippets/page/{{ .PageNumber }}">{{ .PageNumber }}</a>
					{{ end }}
				{{ end }}

				<a class="next page-numbers" {{ if $pag.HasNext }}href="{{ $pag.Next.URL }}"{{ end }}>>></a>
			</div>
		</div>
	</div>
</div>
{{ end }}

Can I count/add some pages to the paginator with a {{ range }} function or is the paginator also able to range also through subdirectorys? In the documentation I can’t find something usefull.

Regards
OjunbamO

2

What you want to look into is the .Paginate method – which allows to paginate any page collection you want, e.g.:

{{ $pag := $.Paginate site.RegularPages }}

3

{{ $paginator := .Paginate (where .Site.RegularPages “Section” “hub”) }}
I tried it with something like this, but it also shows the same.

4

Then you need to check if you have .Paginate (or .Paginator) called earlier in the template(s), as the paginator is static (1 per page and the first will win).