fet(extra-fetures): Pagination results text
Shows "12 van 15 resultaten" for example right acorss from the pagination
This commit is contained in:
@ -26,38 +26,43 @@
|
|||||||
|
|
||||||
{block name='pagination_page_list'}
|
{block name='pagination_page_list'}
|
||||||
{if $pagination.should_be_displayed}
|
{if $pagination.should_be_displayed}
|
||||||
<nav>
|
<div class="d-flex justify-content-between align-items-center">
|
||||||
<ul class="pagination justify-content-center mt-4 mb-2">
|
<div class="results__block">
|
||||||
{foreach from=$pagination.pages item="page"}
|
{l s='%curr_numer% van %total_items% resultaten' sprintf=['%curr_numer%' => $pagination.items_shown_to,'%total_items%' => $pagination.total_items] d='Shop.Theme.Actions'}
|
||||||
<li class="page-item{if $page.current} active{/if} {if $page.type === 'spacer'}disabled{/if}">
|
</div>
|
||||||
{if $page.type === 'spacer'}
|
<nav>
|
||||||
<span
|
<ul class="pagination justify-content-center m-0">
|
||||||
rel="{if $page.type === 'previous'}prev{elseif $page.type === 'next'}next{else}nofollow{/if}"
|
{foreach from=$pagination.pages item="page"}
|
||||||
href="#"
|
<li class="page-item{if $page.current} active{/if} {if $page.type === 'spacer'}disabled{/if}">
|
||||||
class="page-link"
|
{if $page.type === 'spacer'}
|
||||||
>
|
<span
|
||||||
…
|
rel="{if $page.type === 'previous'}prev{elseif $page.type === 'next'}next{else}nofollow{/if}"
|
||||||
</span>
|
href="#"
|
||||||
{else}
|
class="page-link"
|
||||||
<a
|
>
|
||||||
rel="{if $page.type === 'previous'}prev{elseif $page.type === 'next'}next{else}nofollow{/if}"
|
…
|
||||||
href="{$page.url}"
|
</span>
|
||||||
class="page-link {['disabled' => !$page.clickable, 'js-search-link' => true]|classnames}"
|
{else}
|
||||||
>
|
<a
|
||||||
{if $page.type === 'previous'}
|
rel="{if $page.type === 'previous'}prev{elseif $page.type === 'next'}next{else}nofollow{/if}"
|
||||||
<span class="material-icons font-reset align-middle">keyboard_arrow_left</span>
|
href="{$page.url}"
|
||||||
<span class="sr-only">{l s='Previous' d='Shop.Theme.Actions'}</span>
|
class="page-link {['disabled' => !$page.clickable, 'js-search-link' => true]|classnames}"
|
||||||
{elseif $page.type === 'next'}
|
>
|
||||||
<span class="material-icons font-reset align-middle">keyboard_arrow_right</span>
|
{if $page.type === 'previous'}
|
||||||
<span class="sr-only">{l s='Next' d='Shop.Theme.Actions'}</span>
|
<span class="material-icons font-reset align-middle">keyboard_arrow_left</span>
|
||||||
{else}
|
<span class="sr-only">{l s='Previous' d='Shop.Theme.Actions'}</span>
|
||||||
{$page.page}
|
{elseif $page.type === 'next'}
|
||||||
{/if}
|
<span class="material-icons font-reset align-middle">keyboard_arrow_right</span>
|
||||||
</a>
|
<span class="sr-only">{l s='Next' d='Shop.Theme.Actions'}</span>
|
||||||
{/if}
|
{else}
|
||||||
</li>
|
{$page.page}
|
||||||
{/foreach}
|
{/if}
|
||||||
</ul>
|
</a>
|
||||||
</nav>
|
{/if}
|
||||||
|
</li>
|
||||||
|
{/foreach}
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
{/block}
|
{/block}
|
||||||
|
|||||||
Reference in New Issue
Block a user