_includes/pagination.liquid


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

{% if paginator.total_pages > 1 %}
<div class="column">
    <div class="pagination">
	{% if paginator.previous_page %}
	<div class="column">
	    <a href="{{ paginator.previous_page_path | relative_url }}" class="pagination-element" rel="prev">
		<
	    </a>
	</div>
	{% endif %}

	{% if paginator.page == 1%}
	<div class="column">
	    <em>{{ site.data[site.active_lang].strings.index.first }}</em>
	</div>
	{% else %}
	<div class="column">
	    <a class="pagination-element" href="/">
		{{ site.data[site.active_lang].strings.index.first }}
	    </a>
	</div>
	{% endif %}

	<div class="column">
	    {{ site.data[site.active_lang].strings.index.page }} {{ paginator.page }} {{ site.data[site.active_lang].strings.index.of }} {{ paginator.total_pages }}
	</div>

	{% if paginator.page == paginator.total_pages %}
	<div class="column">
	    <em>{{ site.data[site.active_lang].strings.index.last }}</em>
	</div>
	{% else %}
	<div class="column">
	    <a class="pagination-element" href="{{ site.paginate_path | relative_url | replace: ':num', paginator.total_pages }}">
		{{ site.data[site.active_lang].strings.index.last }}
	    </a>
	</div>
	{% endif %}

	{% if paginator.next_page %}
	<div class="column">
	    <a class="pagination-element" href="{{ paginator.next_page_path | relative_url }}" rel="next">
		>
	    </a>
	</div>
	{% endif %}
    </div>
</div>
{% endif %}