app/template/default/Product/list.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. #}
  12. {% extends 'default_frame.twig' %}
  14. {% set body_class = 'product_page' %}
  16. {% block main %}
  17.     <div class="products">
  18.       <div class="main-image"><img class="pc" src="/html/user_data/assets/img/products/main_image.jpg"><img class="sp" src="/html/user_data/assets/img/products/main_image_sp.jpg"></div>
  19.       <div class="content">
  20.         <div class="title"><img class="pc" src="/html/user_data/assets/img/products/title.svg"></div>
  21.         {% if products is not empty %}
  22.           <div class="ec-categoryNaviRole">
  23.               <div class="ec-itemNav">
  24.                   <ul class="ec-itemNav__nav">
  25.                       {% for product in products %}
  26.                           <li>
  27.                               <a href="" class="list-nav" category-id="{{ product["category"]["id"] }}">
  28.                                   {{ product["category"]["category_name"] }}<img src="/html/user_data/assets/img/products/arrow.svg">
  29.                               </a>
  30.                           </li>
  31.                       {% endfor %}
  32.                   </ul>
  33.               </div>
  34.           </div>
  36.           {% for product in products %}
  37.             <div class="category" id="Cat{{product["category"]["id"]}}">
  38.               <div class="category-title">
  39.                 <div class="en">{{product["category"]["en"]}}</div>
  40.                 <div class="ja">{{product["category"]["category_name"]}}</div>
  41.               </div>
  42.               <div class="items">
  43.                 {% for item in product["products"] %}
  44.                   <div class="item">
  45.                     <div class="img"><img src="/html/upload/save_image/{{item["product_image"][0]["file_name"]}}" /></div>
  46.                     <div class="name">{{item["name"]}}</div>
  47.                   </div>
  48.                 {% endfor %}
  49.               </div>
  50.             </div>
  51.           {% endfor %}
  52.         {% else %}
  53.           <div style="text-align:center;">商品はありません</div>
  54.         {% endif %}
  55.       </div>
  56.     </div>
  57. {% endblock %}
  59. {% block javascript %}
  60.   <script>
  61.     $(function() {
  62.       $(".list-nav").on("click",function(e){
  63.         e.preventDefault();
  64.         var category_id = $(this).attr("category-id");
  65.         var top = $("#Cat"+category_id).offset().top - 150;
  66.         $('html,body').animate({'scrollTop': top}, 500);
  67.       });
  68.     });
  69.   </script>
  70. {% endblock javascript %}