まず、paginationでsimple-defaultを使用している時の表示
<div class="d-flex justify-content-center">
{!! $products->appends(request()->input())->links('vendor.pagination.simple-default') !!}
</div>
previous, nextと表示されています。
/resources/views/vendor/pagination/simple-default.blade.php
@if ($paginator->hasPages())
<nav>
<ul class="pagination">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<li class="disabled" aria-disabled="true"><span>@lang('pagination.previous')</span></li>
@else
<li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">@lang('pagination.previous')</a></li>
@endif
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<li><a href="{{ $paginator->nextPageUrl() }}" rel="next">@lang('pagination.next')</a></li>
@else
<li class="disabled" aria-disabled="true"><span>@lang('pagination.next')</span></li>
@endif
</ul>
</nav>
@endif
@lang(‘pagination.next’) はどこを読みに行っているかというと、これ。
/resources/lang/en/pagination.php
'previous' => '« Previous',
'next' => 'Next »',
jaにコピーします。
/resources/lang/en/pagination.php
'previous' => '« 前へ ',
'next' => ' 次へ »',
まあこれで良いけど、画像も試しておきたい。
画像はこちら
@if ($paginator->hasPages())
<nav>
<ul class="pagination">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<li class="disabled" aria-disabled="true"><span></li>
@else
<li><a href="{{ $paginator->previousPageUrl() }}" rel="prev"><img src="{{ asset('storage/img/left.png') }}"> </span></li>
@endif
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<li> <a href="{{ $paginator->nextPageUrl() }}" rel="next"> <img src="{{ asset('storage/img/right.png') }}"></a></li>
@else
<li class="disabled" aria-disabled="true"><span></li>
@endif
</ul>
</nav>
@endif
画像よりテキストの方が良いな
