app/template/default/pager.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% if pages.pageCount > 1 %}
  12.     <div class="mx-auto mt-20 flex w-full justify-between items-center gap-6 md:gap-3 md:w-full text-sm leading-normal">
  13.         {# 前のページへ #}
  14.         {% if pages.current > 1 %}
  15.             <a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'route': app.request.attributes.get('route'), 'pageno': pages.current - 1})) }}" class="size-9">
  16.                 <img src="{{ asset('assets/img/info/Link.svg') }}" alt="Previous" style="transform: scaleX(-1);">
  17.             </a>
  18.         {% else %}
  19.             <span class="size-9"></span>
  20.         {% endif %}
  22.         <div class="flex justify-center gap-2 md:gap-1">
  23.             {# 最初へ #}
  24.             {% if pages.firstPageInRange != 1 %}
  25.                 <a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'route': app.request.attributes.get('route'), 'pageno': pages.first})) }}">1</a>
  26.                 <span>|</span>
  27.             {% endif %}
  29.             {# 1ページリンクが表示されない場合、「...」を表示 #}
  30.             {% if pages.firstPageInRange != 1 %}
  31.                 <p>...</p>
  32.                 <span>|</span>
  33.             {% endif %}
  35.             {# ページ番号リンクを表示 #}
  36.             {% for page in pages.pagesInRange %}
  37.                 {% if page == pages.current %}
  38.                     <a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'route': app.request.attributes.get('route'), 'pageno': page})) }}" class="underline">
  39.                         {{ page }}
  40.                     </a>
  41.                 {% else %}
  42.                     <a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'route': app.request.attributes.get('route'), 'pageno': page})) }}">
  43.                         {{ page }}
  44.                     </a>
  45.                 {% endif %}
  46.                 {% if not loop.last %}
  47.                     <span>|</span>
  48.                 {% endif %}
  49.             {% endfor %}
  51.             {# 最終ページリンクが表示されない場合、「...」を表示 #}
  52.             {% if pages.last != pages.lastPageInRange %}
  53.                 <span>|</span>
  54.                 <p>...</p>
  55.                 <span>|</span>
  56.             {% endif %}
  58.             {# 最後へ #}
  59.             {% if pages.last != pages.lastPageInRange %}
  60.                 <a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'route': app.request.attributes.get('route'), 'pageno': pages.last})) }}">
  61.                     {{ pages.last }}
  62.                 </a>
  63.             {% endif %}
  64.         </div>
  66.         {# 次のページへ #}
  67.         {% if pages.current < pages.pageCount %}
  68.             <a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'route': app.request.attributes.get('route'), 'pageno': pages.current + 1})) }}" class="size-9">
  69.                 <img src="{{ asset('assets/img/info/Link.svg') }}" alt="Next">
  70.             </a>
  71.         {% else %}
  72.             <span class="size-9"></span>
  73.         {% endif %}
  74.     </div>
  75. {% endif %}