app/template/raspia/Block/search_box.twig line 1

Open in your IDE?
  2. <aside class="searchSide">
  3.     <div class="sideBox sort">
  4.         <form name="page_navi_top" id="page_navi_top" action="?">
  5.             <div id="result_info_box__menu_box" class="no-padding ec-searchnavRole__actions">
  6.                 <ul id="result_info_box__menu" class="pagenumberarea clearfix ec-select">
  7.                     <li id="result_info_box__disp_menu">
  8.                     {{ form_widget(disp_number_form_in_sbox, {'id': '', 'attr': {'class': 'disp-number'}}) }}
  9.                     </li>
  10.                     <li id="result_info_box__order_menu">
  11.                     {{ form_widget(order_by_form_in_sbox, {'id': '', 'attr': {'class': 'order-by'}}) }}
  12.                     </li>
  13.                 </ul>
  14.             </div>
  15.         </form>
  16.     </div>
  17.     <div class="spNavOption">
  18.         <h2 class="blockTtl03">絞り込み検索</h2>
  19.         <p id="btn_menu"><a class="nav-trigger nav-trigger02 active">Menu<span></span></a></p>
  20.     </div>
  21.     <form method="get" action="/products/list" id="searchForm01">
  22.         <div class="sideBox keyword">
  23.             <h2 class="blockTtl02">キーワード</h2>
  24.             <div class="toolBox01">
  25.                 <input type="text" name="name" placeholder="キーワードを入力" value="{% if Params.name is defined %}{{ Params.name }}{% endif %}">
  26.             </div>
  27.         </div>
  28.         <div class="sideBox itemCategory">
  29.             <h2 class="blockTtl02">アイテムカテゴリ</h2>
  30.             <ul>
  31.             {% for Category in SearchCategories['item'] %}
  32.                 <li {% if Category.getChildren is not empty %}class="hasChild"{% endif %}>
  33.                     <label for="cate_{{ Category.id }}">
  34.                     <input type="checkbox" id="cate_{{ Category.id }}" value="{{ Category.id }}" name="multi_category[{{ Category.id }}]" {% if Params['multi_category'][Category.id] is defined %}checked{% endif %}>
  35.                         {{ Category.name }}
  36.                     </label>
  37.                     {% if Category.getChildren is not empty and Category.id != 10 %}
  38.                         <img src="/html/template/raspia/img/common/ico_b_black_new.webp" alt="開閉矢印" class="afterImg">
  39.                         <ul class="childList">
  40.                         {% for ChildCategory in Category.Children %}
  41.                             <li>
  42.                                 <label for="cate_{{ ChildCategory.id }}">
  43.                                 <input type="checkbox" id="cate_{{ ChildCategory.id }}" value="{{ ChildCategory.id }}" name="multi_category[{{ ChildCategory.id }}]" {% if Params['multi_category'][ChildCategory.id] is defined %}checked{% endif %}>
  44.                                     {{ ChildCategory.name }}
  45.                                 </label>
  46.                             </li>
  47.                         {% endfor %}
  48.                         </ul>
  49.                     {% endif %}
  50.                 </li>
  51.             {% endfor %}
  52.             </ul>
  53.         </div>
  54.         <div class="sideBox jewelry">
  55.             <h2 class="blockTtl02">宝石・天然石</h2>
  56.             <ul>
  57.             {% for Category in SearchCategories['jewely'] %}
  58.                 {% if Category.getChildren is not empty %}
  59.                     {% for key,Category in Category.Children %}
  61.                         <li>
  62.                             <label for="cate_{{ Category.id }}">
  63.                                 <input type="checkbox" id="cate_{{ Category.id }}" value="{{ Category.id }}" name="multi_category[{{ Category.id }}]" {% if Params['multi_category'][Category.id] is defined %}checked{% endif %}>
  64.                                 {{ Category.name }}
  65.                             </label>
  66.                         </li>
  67.                         {% if key == 11 %}
  68.                         </ul><ul class='hiddenList' style="display:none;">
  69.                         {% endif %}
  70.                     {% endfor %}
  71.                 {% endif %}
  72.             {% endfor %}
  73.             </ul>
  74.             <div class="txtBtn01 openTrigger01"><span class="bold">＋</span> もっと見る</div>
  75.         </div>
  76.         <div class="sideBox bitrhStone">
  77.             <h2 class="blockTtl02">誕生石</h2>
  78.             <ul>
  79.             {% for Category in SearchCategories['birthStone'] %}
  80.                 {% if Category.getChildren is not empty %}
  81.                     {% for Category in Category.Children %}
  82.                         <li>
  83.                             <label for="cate_{{ Category.id }}">
  84.                                 <input type="checkbox" id="cate_{{ Category.id }}" value="{{ Category.id }}" name="multi_category[{{ Category.id }}]" {% if Params['multi_category'][Category.id] is defined %}checked{% endif %}>
  85.                                 {{ Category.name }}
  86.                             </label>
  87.                         </li>
  88.                     {% endfor %}
  89.                 {% endif %}
  90.             {% endfor %}
  91.             </ul>
  92.         </div>
  93.         <div class="sideBox color">
  94.             <h2 class="blockTtl02">色</h2>
  95.             <ul>
  96.             {% for Category in SearchCategories['color'] %}
  97.                 {% if Category.getChildren is not empty %}
  98.                     {% for Category in Category.Children %}
  99.                         <li>
  100.                             <label for="cate_{{ Category.id }}">
  101.                                 <input type="checkbox" id="cate_{{ Category.id }}" value="{{ Category.id }}" name="multi_category[{{ Category.id }}]" {% if Params['multi_category'][Category.id] is defined %}checked{% endif %}>
  102.                                 {{ Category.name }}
  103.                             </label>
  104.                         </li>
  105.                     {% endfor %}
  106.                 {% endif %}
  107.             {% endfor %}
  108.             </ul>
  109.         </div>
  110.         <div class="sideBox series">
  111.             <h2 class="blockTtl02">商品シリーズ</h2>
  112.             <ul>
  113.             {% for Category in SearchCategories['series'] %}
  114.                     {% if Category.getChildren is not empty %}
  115.                         {% for Category in Category.Children %}
  116.                             <li {% if Category.getChildren is not empty %}class="hasChild"{% endif %}>
  117.                                 <label for="cate_{{ Category.id }}">
  118.                                     <input type="checkbox" id="cate_{{ Category.id }}" value="{{ Category.id }}" name="multi_category[{{ Category.id }}]" {% if Params.multi_category[Category.id] is defined %}checked{% endif %}>
  119.                                     <!--<img src="/html/template/raspia/img/common/side/img_series_{{ Category.id }}.webp" alt="画像" class="thumbImg">-->
  120.                                     {{ Category.name }}
  121.                                 </label>
  122.                                 {% if Category.Children %}
  123.                                     <ul class="childList type02">
  124.                                         {% for Category in Category.Children %}
  125.                                         <li>
  126.                                             <label for="cate_{{ Category.id }}">
  127.                                                 <input type="checkbox" id="cate_{{ Category.id }}" value="{{ Category.id }}" name="multi_category[{{ Category.id }}]" {% if Params.multi_category[Category.id] is defined %}checked{% endif %}>
  128.                                                 <!--<img src="/html/template/raspia/img/common/side/img_category_child_{{ Category.id }}.webp" alt="画像" class="thumbImg">-->
  129.                                                 {{ Category.name }}
  130.                                             </label>
  131.                                         </li>
  132.                                         {% endfor %}
  133.                                     </ul>
  134.                                 {% endif %}
  135.                             </li>
  136.                         {% endfor %}
  137.                     {% endif %}
  138.             {% endfor %}
  139.             </ul>
  140.         </div>
  141.         <div class="sideBox price">
  142.             <h2 class="blockTtl02">価格</h2>
  143.             <ul>
  144.                 <li><label for="pricerange_1"><input type="checkbox" name="pricerange[0]" id="pricerange_1" value="0-20000" {% if Params.pricerange[0] is defined %}checked{% endif %}><span>下限無し 〜 20,000円</span></label></li>
  145.                 <li><label for="pricerange_2"><input type="checkbox" name="pricerange[1]" id="pricerange_2" value="20001-40000" {% if Params.pricerange[1] is defined %}checked{% endif %}><span>20,001円 〜 40,000円</span></label></label></li>
  146.                 <li><label for="pricerange_3"><input type="checkbox" name="pricerange[2]" id="pricerange_3" value="40001-60000" {% if Params.pricerange[2] is defined %}checked{% endif %}><span>40,001円 〜 60,000円</span></label></li>
  147.                 <li><label for="pricerange_4"><input type="checkbox" name="pricerange[3]" id="pricerange_4" value="60001-80000" {% if Params.pricerange[3] is defined %}checked{% endif %}><span>60,001円 〜 80,000円</span></label></li>
  148.                 <li><label for="pricerange_5"><input type="checkbox" name="pricerange[4]" id="pricerange_5" value="80001-100000" {% if Params.pricerange[4] is defined %}checked{% endif %}><span>80,001円 〜 100,000円</span></label></li>
  149.                 <li><label for="pricerange_6"><input type="checkbox" name="pricerange[5]" id="pricerange_6" value="100001-0" {% if Params.pricerange[5] is defined %}checked{% endif %}><span>100,001円 〜 上限無し</span></label></li>
  150.             </ul>
  151.             <div class="boxFlex01">
  153.                 {# <input type="number" name="price_min" placeholder="下限なし" value="{% if Params.price_min is defined %}{{ Params.price_min }}{% endif %}">
  154.                 <input type="number" name="price_max" placeholder="上限なし" value="{% if Params.price_max is defined %}{{ Params.price_max }}{% endif %}"> #}
  155.             </div>
  156.         </div>
  157.         <div class="sideBox material">
  158.             <h2 class="blockTtl02">素材</h2>
  159.             <ul>
  160.             {% for Category in SearchCategories['material'] %}
  161.                 {% if Category.getChildren is not empty %}
  162.                     {% for Category in Category.Children %}
  163.                         <li>
  164.                             <label for="cate_{{ Category.id }}">
  165.                                 <input type="checkbox" id="cate_{{ Category.id }}" value="{{ Category.id }}" name="multi_category[{{ Category.id }}]" {% if Params.multi_category[Category.id] is defined %}checked{% endif %}>
  166.                                 {{ Category.name }}
  167.                             </label>
  168.                         </li>
  169.                     {% endfor %}
  170.                 {% endif %}
  171.             {% endfor %}
  172.             </ul>
  173.         </div>
  174.         <div class="sideBox submit">
  175.             <button type="button" class="resetBtn box01">クリア</button>
  176.             <button type="submit" class="searchBtn">検索</button>
  177.         </div>
  178.     </form>
  179. </aside>