app/template/default/Block/search_product.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. #}
  11. {% form_theme form 'Form/form_div_layout.twig' %}
  12. {% set Categories = repository('Eccube\\Entity\\Category').getList() %}
  13. <script>
  14. $(function(){
  15.     $(".product_btn_search").click(function(){
  16.         var strCategoryIds = "";
  17.         if($("input[name*='searchChk']:checked").length == 1){
  18.             strCategoryIds = "?category_id=" + $("input[name*='searchChk']:checked").val();
  19.         }else{
  20.             if($("input[name*='searchChk']:checked").length > 1){
  21.                 $("input[name*='searchChk']:checked").each(function( index ) {
  22.                     if(strCategoryIds != ""){
  23.                         strCategoryIds += ",";
  24.                     }
  25.                     strCategoryIds += $(this).val();
  26.                 });
  27.                 strCategoryIds = "?categories=" + strCategoryIds;
  28.             }
  29.         }
  30.         window.location.href = "{{ url('product_list') }}" + strCategoryIds;
  31.     });
  33.     $(".product_btn_del").click(function(){
  34.         $("input[name*='searchChk']:checked").prop('checked', false);
  35.     });
  36. });
  37. </script>
  38. <form method="get" class="searchform" action="{{ path('product_list') }}">
  39.     <p class="_title01">キーワード</p>
  40.     <div class="ec-headerSearch__keyword">
  41.         <div class="ec-input">
  42.             {{ form_widget(form.name, {'id': null, 'attr': {'class': 'search-name'}} ) }}
  43.             <button class="ec-headerSearch__keywordBtn" type="submit"></button>
  44.         </div>
  45.     </div>
  46.     {% for Category in Categories %}
  47.         {% if Category.children|length > 0 %}
  48.             {% if Category.id == 19 %}
  49.                 <h3 class="product_form_title _icon02"><span>こだわり条件から探す</span></h3>
  50.                 <p class="_title02">商品ステータス</p>
  51.                 <select class="product_form_select" name="searchSelect{{ Category.id }}">
  52.                     {% for ChildCategory in Category.children %}
  53.                         <option value="{{ ChildCategory.id }}">{{ ChildCategory.name }}</option>
  54.                     {% endfor %}
  55.                 </select>
  56.             {% else %}
  57.                 <h3 class="product_form_title {% if Category.id == 17 %}_icon01{% endif %}">
  58.                     <span>{{ Category.name }}</span>
  59.                 </h3>
  60.                 <ul class="product_form_checkbox">
  61.                     {% for ChildCategory in Category.children %}
  62.                     <li>
  63.                         <label>
  64.                             <input type="checkbox" name="searchChk{{ Category.id }}" value="{{ ChildCategory.id }}">{{ ChildCategory.name }}
  65.                         </label>
  66.                     </li>
  67.                     {% endfor %}
  68.                 </ul>
  69.             {% endif %}
  70.         {% endif %}
  71.     {% endfor %}
  72.     <p class="_title02">サイズ</p>
  73.     <ul class="product_size_checkbox">
  74.         <li>
  75.             <input type="checkbox" id="size01">
  76.             <label for="size01">ソプラノ</label>
  77.         </li>
  78.         <li>
  79.             <input type="checkbox" id="size02">
  80.             <label for="size02">コンサート</label>
  81.         </li>
  82.         <li>
  83.             <input type="checkbox" id="size03">
  84.             <label for="size03">テナー</label>
  85.         </li>
  86.     </ul>
  87.     <p class="_title02">ボディタイプ</p>
  88.     <select class="product_form_select" id="body_type" name="">
  89.         <option value="0">レビュー順</option>
  90.         <option value="1">レビュー順</option>
  91.         <option value="2">レビュー順</option>
  92.     </select>
  93.     <p class="_title02 icon01">塗装</p>
  94.     <ul class="product_coating_checkbox">
  95.         <li>
  96.             <input type="checkbox" id="coating01">
  97.             <label for="coating01">艶なし（マット）</label>
  98.         </li>
  99.         <li>
  100.             <input type="checkbox" id="coating02">
  101.             <label for="coating02">艶あり（グロス）</label>
  102.         </li>
  103.     </ul>
  104.     <p class="_title02">ピックアップ</p>
  105.     <select class="product_form_select" id="pickup" name="">
  106.         <option value="0">レビュー順</option>
  107.         <option value="1">レビュー順</option>
  108.         <option value="2">レビュー順</option>
  109.     </select>
  110.     <p class="_title02">価格帯</p>
  111.     <div class="product_form_price">
  112.         <select class="product_form_select" id="pickup" name="">
  113.             <option value="0">レビュー順</option>
  114.             <option value="1">レビュー順</option>
  115.             <option value="2">レビュー順</option>
  116.         </select><span class="_yen">円</span><span class="_to">〜</span>
  117.         <select class="product_form_select" id="pickup" name="">
  118.             <option value="0">レビュー順</option>
  119.             <option value="1">レビュー順</option>
  120.             <option value="2">レビュー順</option>
  121.         </select><span class="_yen">円</span>
  122.     </div>
  123.     <p class="product_btn_search">この条件で絞り込む</p>
  124.     <p class="product_btn_del">リセット</p>
  125. </form>