app/template/default/Block/zen_news_list.twig line 1

Open in your IDE?
  1. <div class="right">
  2.     <div class="newsCatBox">
  3.         <a href="{{ path('set_session', { 'id': '0' }) }}"><div class="newsCat">全ての記事</div></a>
  4.         <a href="{{ path('set_session', { 'id': '1' }) }}"><div class="newsCat">お知らせ</div></a>
  5.         <a href="{{ path('set_session', { 'id': '2' }) }}"><div class="newsCat">商品情報</div></a>
  6.         <div class="sp"></div>
  7.     </div>
  8.      <div class="eventM">
  9.       <span class="todayBig">{{ Category }}</span>
  10.      </div>
  12. {% for News in NewsItems %}
  13. <div class="newsList">
  14.     <div class="newsListBox">
  15.         <div class="newsListBoxImg">
  16.             {% if News.image != '' %}
  17.                 <img src="{{ News.image }}" width="100%" alt="{{ News.title }}"/>
  18.             {% endif %}
  19.         </div>
  20.         <div class="newsCatOff">{{ News.category }}</div>
  21.         <div class="sp"></div>
  22.         <div class="newsListBoxdate">{{ News.s_date }}</div>
  23.         <div class="newsListBoxTitle">{{ News.title }}</div>
  24.         <a href="{{ path('set_session2', { 'id': News.id }) }}">
  25.             <div class="newsListBoxGo">詳しくみる</div>
  26.         </a>
  27.     </div>
  28. </div>
  29. {% endfor %}
  31. <div style="clear: both;"></div>
  33. <style>
  34. .pagination {
  35.     list-style: none;
  36.     display: flex;
  37.     gap: 0.5em;
  38.     padding: 0;
  39.     margin: 0;
  40.     justify-content: center;
  41. }
  42. .pagination li {
  43.     display: inline-block;
  44. }
  45. .pagination a {
  46.     padding: 0.3em 0.7em;
  47.     text-decoration: none;
  48.     border: 1px solid #ccc;
  49.     border-radius: 3px;
  50.     color: #333;
  51. }
  52. .pagination strong {
  53.     padding: 0.3em 0.7em;
  54.     border: 1px solid #333;
  55.     background: #007bff;
  56.     color: white;
  57.     border-radius: 3px;
  58. }
  59. </style>
  61. {% if PageInfo.pageCount > 1 %}
  62.   <div style="text-align: center; margin-top: 1em;">
  63.     <div style="display: inline-block;">
  64.       <ul class="pagination">
  65.         {% if PageInfo.previousPageNumber %}
  66.           <li><a href="/set-sessionP/{{ PageInfo.previousPageNumber }}">&laquo;</a></li>
  67.         {% endif %}
  69.         {% for page in PageInfo.pagesInRange %}
  70.           {% if page == PageInfo.currentPageNumber %}
  71.             <li><strong>{{ page }}</strong></li>
  72.           {% else %}
  73.             <li><a href="/set-sessionP/{{ page }}">{{ page }}</a></li>
  74.           {% endif %}
  75.         {% endfor %}
  77.         {% if PageInfo.nextPageNumber %}
  78.           <li><a href="/set-sessionP/{{ PageInfo.nextPageNumber }}">&raquo;</a></li>
  79.         {% endif %}
  80.       </ul>
  81.     </div>
  82.   </div>
  83. {% endif %}
  85.     <div class="sp"></div>
  86. </div>