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

Open in your IDE?
  1. <div class="right">
  2.      <div class="eventM">
  3.       <span class="todayBig">特集一覧</span>
  4.      </div>
  5.     <div class="newsList">
  7. {% for News in NewsItems %}
  8.     <div class="newsListBox">
  9.         <div class="newsListBoxImg">
  10.             {% if News.image != '' %}
  11.                 <img src="{{ News.image }}" width="100%" alt="{{ News.title }}"/>
  12.             {% endif %}
  13.         </div>
  14.         <div class="newsListBoxTitle">{{ News.title }}</div>
  15.         <a href="{{ News.text1 }}">
  16.             <div class="newsListBoxGo">詳しくみる</div>
  17.         </a>
  18.     </div>
  19. {% endfor %}
  21.     {#
  22.         <div class="newsListBox">
  23.             <div class="newsListBoxImg"><img src="../up_images/news/46/1.jpg" width="100%" alt="新規会員登録5％OFFキャンペーン"></div>
  24.             <div class="newsListBoxTitle">新規会員登録5％OFFキャンペーン</div>
  25.             <a href="#"><div class="newsListBoxGo">詳しくみる</div></a>
  26.         </div>
  27.         <div class="newsListBox">
  28.             <div class="newsListBoxImg"><img src="../up_images/news/46/1.jpg" width="100%" alt="新規会員登録5％OFFキャンペーン"></div>
  29.             <div class="newsListBoxTitle">新規会員登録5％OFFキャンペーン</div>
  30.             <a href="#"><div class="newsListBoxGo">詳しくみる</div></a>
  31.         </div>
  32.         <div class="newsListBox">
  33.             <div class="newsListBoxImg"><img src="../up_images/news/46/1.jpg" width="100%" alt="新規会員登録5％OFFキャンペーン"></div>
  34.             <div class="newsListBoxTitle">新規会員登録5％OFFキャンペーン</div>
  35.             <a href="#"><div class="newsListBoxGo">詳しくみる</div></a>
  36.         </div>
  37.         <div class="newsListBox">
  38.             <div class="newsListBoxImg"><img src="../up_images/news/46/1.jpg" width="100%" alt="新規会員登録5％OFFキャンペーン"></div>
  39.             <div class="newsListBoxTitle">新規会員登録5％OFFキャンペーン</div>
  40.             <a href="#"><div class="newsListBoxGo">詳しくみる</div></a>
  41.         </div>
  42.         <div class="newsListBox">
  43.             <div class="newsListBoxImg"><img src="../up_images/news/46/1.jpg" width="100%" alt="新規会員登録5％OFFキャンペーン"></div>
  44.             <div class="newsListBoxTitle">新規会員登録5％OFFキャンペーン</div>
  45.             <a href="#"><div class="newsListBoxGo">詳しくみる</div></a>
  46.         </div>
  47.         <div class="newsListBox">
  48.             <div class="newsListBoxImg"><img src="../up_images/news/46/1.jpg" width="100%" alt="新規会員登録5％OFFキャンペーン"></div>
  49.             <div class="newsListBoxTitle">新規会員登録5％OFFキャンペーン</div>
  50.             <a href="#"><div class="newsListBoxGo">詳しくみる</div></a>
  51.         </div>
  52.         <div class="newsListBox">
  53.             <div class="newsListBoxImg"><img src="../up_images/news/46/1.jpg" width="100%" alt="新規会員登録5％OFFキャンペーン"></div>
  54.             <div class="newsListBoxTitle">新規会員登録5％OFFキャンペーン</div>
  55.             <a href="#"><div class="newsListBoxGo">詳しくみる</div></a>
  56.         </div>
  57.         <div class="newsListBox">
  58.             <div class="newsListBoxImg"><img src="../up_images/news/46/1.jpg" width="100%" alt="新規会員登録5％OFFキャンペーン"></div>
  59.             <div class="newsListBoxTitle">新規会員登録5％OFFキャンペーン</div>
  60.             <a href="#"><div class="newsListBoxGo">詳しくみる</div></a>
  61.         </div>
  62.         <div class="newsListBox">
  63.             <div class="newsListBoxImg"><img src="../up_images/news/46/1.jpg" width="100%" alt="新規会員登録5％OFFキャンペーン"></div>
  64.             <div class="newsListBoxTitle">新規会員登録5％OFFキャンペーン</div>
  65.             <a href="#"><div class="newsListBoxGo">詳しくみる</div></a>
  66.         </div>
  67.         <div class="newsListBox">
  68.             <div class="newsListBoxImg"><img src="../up_images/news/46/1.jpg" width="100%" alt="新規会員登録5％OFFキャンペーン"></div>
  69.             <div class="newsListBoxTitle">新規会員登録5％OFFキャンペーン</div>
  70.             <a href="#"><div class="newsListBoxGo">詳しくみる</div></a>
  71.         </div>
  72.         <div class="newsListBox">
  73.             <div class="newsListBoxImg"><img src="../up_images/news/46/1.jpg" width="100%" alt="新規会員登録5％OFFキャンペーン"></div>
  74.             <div class="newsListBoxTitle">新規会員登録5％OFFキャンペーン</div>
  75.             <a href="#"><div class="newsListBoxGo">詳しくみる</div></a>
  76.         </div>
  77.     #}
  78.     </div>
  80. <div style="clear: both;"></div>
  82. <style>
  83. .pagination {
  84.     list-style: none;
  85.     display: flex;
  86.     gap: 0.5em;
  87.     padding: 0;
  88.     margin: 0;
  89.     justify-content: center;
  90. }
  91. .pagination li {
  92.     display: inline-block;
  93. }
  94. .pagination a {
  95.     padding: 0.3em 0.7em;
  96.     text-decoration: none;
  97.     border: 1px solid #ccc;
  98.     border-radius: 3px;
  99.     color: #333;
  100. }
  101. .pagination strong {
  102.     padding: 0.3em 0.7em;
  103.     border: 1px solid #333;
  104.     background: #007bff;
  105.     color: white;
  106.     border-radius: 3px;
  107. }
  108. </style>
  110. {% if PageInfo.pageCount > 1 %}
  111.   <div style="text-align: center; margin-top: 1em;">
  112.     <div style="display: inline-block;">
  113.       <ul class="pagination">
  114.         {% if PageInfo.previousPageNumber %}
  115.           <li><a href="/set-sessionP2/{{ PageInfo.previousPageNumber }}">&laquo;</a></li>
  116.         {% endif %}
  118.         {% for page in PageInfo.pagesInRange %}
  119.           {% if page == PageInfo.currentPageNumber %}
  120.             <li><strong>{{ page }}</strong></li>
  121.           {% else %}
  122.             <li><a href="/set-sessionP2/{{ page }}">{{ page }}</a></li>
  123.           {% endif %}
  124.         {% endfor %}
  126.         {% if PageInfo.nextPageNumber %}
  127.           <li><a href="/set-sessionP2/{{ PageInfo.nextPageNumber }}">&raquo;</a></li>
  128.         {% endif %}
  129.       </ul>
  130.     </div>
  131.   </div>
  132. {% endif %}
  134.     <div class="sp"></div>
  135. </div>