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

Open in your IDE?
  1. {% set displayCnt = 0 %}
  2. {% set breakCountForRankLabel = 1 %}
  3. {% set an_v = detailData.an_v %}
  4. {% set session = session_data() %}
  5. {% set ranking_num = max_display_cnt %}
  6. {% set order_type = get_category_order_type() %}
  8. <style>
  9. #glist .gtest {
  10.     position: relative;
  11.     bottom: 0;
  12.     width: 100%;
  13. }
  14. </style>
  15. <!-- glist -->
  16. <div
  17.     id="glist"
  18.   {% if useCache is defined and useCache %} class="fbt-lazy" {% endif %}
  19.     summary="商品リスト"
  20.     data-list-name="{% if isMainCategory %}親カテゴリ {% else %} 子カテゴリ {% endif %} / 商品DB"
  21.     data-page="{{ detailData.pager_pages_current_num }}"
  22.   data-count-per-page="{% if session is defined and session.display_max is defined %}{{ session.display_max }}{% else %}10{% endif %}"
  23. >
  24.   <ul>
  25.     {% for item in detailData.item %}
  26.       {% if loop.index <= detailData.max_cnt %}
  27.         {% set displayCnt = displayCnt + 1 %}
  28.         {% if displayCnt % col_count == 1 %}
  29.           {% if displayCnt > 1 %}
  30.             </ul>
  31.             <ul>
  32.             {% set breakCountForRankLabel = 1 %}
  33.           {% endif %}
  34.         {% endif %}
  36.         {#{% set item_data = detailData.item[an_v[loop.index - 1]] %}#}
  37.         {% set item_data = detailData.item[loop.index - 1] %}
  38.         {% set item_idx = loop.index %}
  40.         <!-- item-list-item.phtml -->
  42.         {% set no = 0 %}
  43.         {% if app.request.query.get('no') is defined %}
  44.           {% set no = app.request.query.get('no') %}
  45.         {% endif %}
  47.         <li
  48.           class="category-list-item product-box"
  49.           data-goods-id="{{ item_data.goods_id | display_text }}"
  50.           data-id="{{ item_data.kataban | display_text }}"
  51.           data-name="{{ item_data.goods_name | display_text }}"
  52.           {% if isMainCategory %}
  53.           data-category="{{ data.main_category_name ?? '' }}"
  54.           {% else %}
  55.           data-category="{% if mainCategoryData is defined and mainCategoryData.main_category_name is defined %}{{ mainCategoryData.main_category_name | display_text }}{% endif %} / {% if data.category_name is defined %} {{ category_name }} {% endif %}"
  56.           {% endif %}
  57.           data-price="{{ php_preg_replace('@<.*>@', '', item_data.price) }}"
  58.         >
  59.             <a href="{{ lm_detailLink2(item_data, canonical_category_name, '', useItemUrlDuplicated) }}">
  60.             <div id="c{{ item_idx }}" class="gcont product-link" onclick="location.href='{{ lm_detailLink2(item_data, canonical_category_name, '', useItemUrlDuplicated) }}'">
  61.               {% if order_type is null or order_type != 6 %}
  62.                 {% if no + item_idx <= ranking_num %}
  63.                   {% if item_idx <= 3 %}
  64.                     <div class="rank rank-top3"><span class="rank-label">人気ランキング 第{{ item_idx }}位</span></div>
  65.                   {% else %}
  66.                     <div class="rank"><span class="rank-label"><span class="rank-num">{{ item_idx }}</span>位</span></div>
  67.                   {% endif %}
  68.                   {% set breakCountForRankLabel = breakCountForRankLabel + 1 %}
  69.                 {% else %}
  70.                   {% if breakCountForRankLabel != 1 %}
  71.                     <div class="rank rank-blank"></div>
  72.                     {% set breakCountForRankLabel = breakCountForRankLabel + 1 %}
  73.                   {% endif %}
  74.                 {% endif %}
  75.               {% endif %}
  77.               <!-- メイン画像 -->
  78.               <div class="clearfix">
  79.                 <div class="gcont1">
  80.                   <div class="photo">
  81.                     {% set _mainUrlSumImg = makeImageURL("goods.img", item_data.goods_id) %}
  82.                     <img src="{{ _mainUrlSumImg | display_text }}" alt="{{ item_data.goods_name }}" border="0">
  83.                   </div>
  84.                 </div>
  85.               </div>
  86.               <!-- メイン画像 -->
  88.               {{ render_product_item(item_data, useCache, average, col_count, vendingStatusMap) | raw }}
  89.             </div>
  90.           </a>
  91.         </li>
  93.         <!-- item-list-item.phtml -->
  95.       {% endif %}
  96.     {% endfor %}
  98.     {% if displayCnt > 0 and (displayCnt % col_count > 0) %}
  99.       {% for i in 0..(col_count - displayCnt % col_count - 1) %}
  100.         <p>&nbsp;</p>
  101.       {% endfor %}
  102.       </ul>
  103.     {% endif %}
  104. </div>
  105. <!-- /glist -->
  107. {% if pager_data is defined and (pager_data.pager is defined and (pager_data.pager | length) > 1) %}
  108.     <div class="item-list-pagination">
  109.         <ul>
  110.             {% if pager_data.prev_link is defined and pager_data.prev_link %}
  111.                 <li class="item-list-pagination-page item-list-pagination-prev-next item-list-pagination-prev"><a href="{{ pager_data.prev_link }}">前へ</a></li>
  112.             {% endif %}
  114.             {% for page in pager_data.pager %}
  115.                 {% if page.is_current is defined and page.is_current %}
  116.                     <li class="item-list-pagination-page item-list-pagination-page-current"><span>{{ page.num }}</span></li>
  117.                 {% elseif page.link is defined %}
  118.                     <li class="item-list-pagination-page item-list-pagination-page-link"><a href="{{ page.link }}">{{ page.num }}</a></li>
  119.                 {% else %}
  120.                     <li class="item-list-pagination-page {{ page.is_ellipses is defined and page.is_ellipses ? ' item-list-pagination-ellipses' : '' }}"><span>{{ page.num }}</span></li>
  121.                 {% endif %}
  122.             {% endfor %}
  124.             {% if pager_data.next_link is defined and pager_data.next_link %}
  125.                 <li class="item-list-pagination-page item-list-pagination-prev-next item-list-pagination-next"><a href="{{ pager_data.next_link }}">次へ</a></li>
  126.             {% endif %}
  127.         </ul>
  128.     </div>
  129. {% endif %}