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

Open in your IDE?
  1. {% block javascript %}
  2.     <script>
  3.     $(function() {
  4.         $(".product_btn_search").click(function(){
  5.             $(this).parent().parent().submit();
  6.         });
  8.         $(".product_btn_del").click(function(){
  9.             $(".search-form-custom").find("input[type='text'], input[type='checkbox'], select").val("");
  10.             $(this).parent().parent().submit();
  11.         });
  12.     });
  13.     </script>
  14. {% endblock %}
  16. <div class="ec-headerNaviRole__search">
  17.     {{ form_start(searchForm, {'method': 'GET', 'action': path('custom_product_search'), 'attr': {'class': 'search-form-custom row'}}) }}
  18.         <div class="ec-headerSearch__keyword search_modal_row">
  19.             <p class="search_modal_column">キーワード</p>
  20.             <div class="ec-input search_modal_column">
  21.                 {{ form_widget(searchForm.keyword, {
  22.                     'attr': {
  23.                         'class': 'form-control',
  24.                         'placeholder': '検索キーワードを入力'
  25.                     }
  26.                 }) }}
  27.             </div>
  28.         </div>
  30.         <div class="search_modal_row">
  31.             <p class="search_modal_column">
  32.                 <span>カテゴリ</span>
  33.             </p>
  34.             <ul class="search_modal_column multi_checkbox" {% if category %}style="display:block"{% endif %}>
  35.                 {% for category in searchForm.category %}
  36.                 <li>
  37.                 {{ form_widget(category, {
  38.                     'attr': {
  39.                         'class': 'form-check-input',
  40.                         'id': 'category_' ~ category.vars.value
  41.                     }
  42.                 }) }}
  43.                 </li>
  44.                 {% endfor %}
  45.             </ul>
  46.         </div>
  48.         <div class="search_modal_row custom-select">
  49.             <p class="_title02 search_modal_column">商品ステータス</p>
  50.             {{ form_widget(searchForm.category_19, {
  51.                 'attr': {
  52.                     'class': 'product_form_select search_modal_column',
  53.                 }
  54.             }) }}
  55.         </div>
  57.         <div class="search_modal_row">
  58.             <p class="_title02 search_modal_column">サイズ</p>
  59.             <ul class="product_size_checkbox search_modal_column multi_checkbox">
  60.                 {% for ClassCategory in searchForm.class_name_2 %}
  61.                 <li>
  62.                 {{ form_widget(ClassCategory, {
  63.                     'attr': {
  64.                         'class': 'form-check-input',
  65.                         'id': 'category_' ~ ClassCategory.vars.value
  66.                     }
  67.                 }) }}
  68.                 </li>
  69.                 {% endfor %}
  70.             </ul>
  71.         </div>
  73.          <div class="search_modal_row custom-select">
  74.             <p class="_title02 search_modal_column">ボディタイプ</p>
  75.             {{ form_widget(searchForm.class_name_3, {
  76.                 'attr': {
  77.                     'class': 'product_form_select search_modal_column',
  78.                 }
  79.             }) }}
  80.         </div>
  82.         <div class="search_modal_row">
  83.             <div class="search_modal_column">
  84.                 <p class="_title02 icon01 search_modal_column_question search_modal_column_question_label">塗装</p>
  85.             </div>
  86.             <ul class="product_coating_checkbox search_modal_column multi_checkbox">
  87.                 {% for category in searchForm.class_name_4 %}
  88.                 <li>
  89.                 {{ form_widget(category, {
  90.                     'attr': {
  91.                         'class': 'form-check-input',
  92.                         'id': 'category_' ~ category.vars.value
  93.                     }
  94.                 }) }}
  95.                 </li>
  96.                 {% endfor %}
  97.             </ul>
  98.         </div>
  100.         <div class="search_modal_row custom-select">
  101.             <p class="_title02 search_modal_column search_modal_column_question search_modal_column_question_end">フレット数</p>
  102.             {{ form_widget(searchForm.class_name_1, {
  103.                 'attr': {
  104.                     'class': 'product_form_select search_modal_column',
  105.                 }
  106.             }) }}
  107.         </div>
  108.         <div class="search_modal_row custom-select">
  109.             <p class="_title02 search_modal_column search_modal_column_question search_modal_column_question_end">ピックアップ</p>
  110.             {{ form_widget(searchForm.class_name_5, {
  111.                 'attr': {
  112.                     'class': 'product_form_select search_modal_column',
  113.                 }
  114.             }) }}
  115.         </div>
  117.         <div class="search_modal_row">
  118.             <p class="_title02 search_modal_column">価格帯</p>
  119.             <div class="product_form_price search_modal_column">
  120.                 <div class="select_item">
  121.                     {{ form_widget(searchForm.price_min, {
  122.                         'attr': {
  123.                             'class': 'product_form_select product_form_select_price',
  124.                         }
  125.                     }) }}
  126.                     </select>
  127.                     <span class="_yen">円</span>
  128.                 </div>
  130.                 <span class="_to">〜</span>
  131.                 <div class="select_item">
  132.                     {{ form_widget(searchForm.price_max, {
  133.                         'attr': {
  134.                             'class': 'product_form_select product_form_select_price',
  135.                         }
  136.                     }) }}
  137.                     <span class="_yen">円</span>
  138.                 </div>
  139.             </div>
  140.         </div>
  142.         <div class="search_modal_row">
  143.             <p class="search_modal_column">
  144.                 <span>ライフスタイル</span>
  145.             </p>
  146.             <ul class="search_modal_column multi_checkbox" {% if category17  %}style="display:block"{% endif %}>
  147.                 {% for category in searchForm.category_17 %}
  148.                 <li>
  149.                 {{ form_widget(category, {
  150.                     'attr': {
  151.                         'class': 'form-check-input',
  152.                         'id': 'category_' ~ category.vars.value
  153.                     }
  154.                 }) }}
  155.                 </li>
  156.                 {% endfor %}
  157.             </ul>
  158.         </div>
  159.         <div class="search_modal_row">
  160.             <p class="product_btn_search btn_submit">この条件で絞り込む</p>
  161.         </div>
  162.     {{ form_end(searchForm) }}
  163. </div>