custom/plugins/NrbnLvgTheme/src/Resources/views/storefront/component/pagination.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/pagination.html.twig' %}
  3. {% block component_pagination %}
  4.     <div class="pagination nrbn-pagination">
  6.         <div class="nrbn-pagination-prev{% if currentPage == 1 %} disabled{% endif %}">
  7.             <input type="radio"
  8.                 {% if currentPage == 1 %}disabled="disabled"{% endif %}
  9.                 name="p"
  10.                 id="p-prev"
  11.                 value="{{ currentPage - 1 }}"
  12.                 class="d-none"
  13.                 title="pagination">
  15.             <label class="nrbn-pagination-label" for="p-prev">
  16.                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" height="24" width="24">
  17.                     <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
  18.                 </svg>
  19.             </label>
  20.         </div>
  22.         <div class="nrbn-pagination-info">
  23.             Seite {{ currentPage }} von {{ totalPages }}
  24.         </div>
  26.         <div class="nrbn-pagination-next{% if currentPage == totalPages %} disabled{% endif %}">
  27.             <input type="radio"
  28.                 {% if currentPage == totalPages %}disabled="disabled"{% endif %}
  29.                 name="p"
  30.                 id="p-next"
  31.                 value="{{ currentPage + 1 }}"
  32.                 class="d-none"
  33.                 title="pagination">
  35.             <label class="nrbn-pagination-label" for="p-next">
  36.                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" height="24" width="24">
  37.                     <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
  38.                 </svg>
  39.             </label>
  40.         </div>
  41.         
  42.     </div>
  43. {% endblock %}