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' %}
  13. <div id="category_id_form" style="display:none;">{{ form_widget(form.category_id, {'id': null, 'attr': {'class': 'category_id','style': 'height:42px;border-radius: 6px;'}}) }}</div>
  14. <div class="drawer_block pc header_bottom_area">
  15.     <div id="search" class="" style="padding: 0 20px 0 20px;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;">
  16.         <form method="get" id="searchform" action="{{ path('product_list') }}" style="width:100%;max-width: 1100px;">
  17.             <span style="display:block;font-weight:bold;font-size:1.3rem;padding: 6px 0 6px 0;">条件検索</span>
  18.             <div class="search_inner" style="display:flex;align-items:center;justify-content:center;background-color:#f4f3f3;padding:10px;border-radius: 6px;">
  19.                 <div style="display:flex;gap: 20px;">
  20.                     <div style="width: 200px">
  21.                         <label for="name" style="display:block;font-weight:bold;font-size:1.3rem;padding: 6px 0 6px 0;">キーワード</label>
  22.                         <input type="text" id="" name="name" maxlength="50" style="background-color:white;width:100%;padding:10px;border:1px solid #ccc;border-radius: 6px;height:42px;" placeholder="キーワードを入力" />
  23.                     </div>
  25.                     <div>
  26.                         <label for="category_id" style="display:block;font-weight:bold;font-size:1.3rem;padding: 6px 0 6px 0;">カテゴリー</label>
  27.                         <div id="category_select_pc">
  29.                         </div>
  30.                     </div>
  32.                     <div>
  33.                         <label for="price_min" style="display:block;font-weight:bold;font-size:1.3rem;padding: 6px 0 6px 0;">価格帯</label>
  34.                         <div style="display:flex;gap: 10px;">
  35.                             <select name="price_min" id="price_min" style="height:42px;border:1px solid #ccc;padding:10px;width:120px;border-radius: 6px;">
  36.                                 <option value="">指定なし</option>
  37.                                 <option value="1" {% if getRequest('price_min') == '1' %}selected{% endif %}>1,000円</option>
  38.                                 <option value="2" {% if getRequest('price_min') == '2' %}selected{% endif %}>2,000円</option>
  39.                                 <option value="3" {% if getRequest('price_min') == '3' %}selected{% endif %}>3,000円</option>
  40.                                 <option value="4" {% if getRequest('price_min') == '4' %}selected{% endif %}>4,000円</option>
  41.                                 <option value="5" {% if getRequest('price_min') == '5' %}selected{% endif %}>5,000円</option>
  42.                                 <option value="6" {% if getRequest('price_min') == '6' %}selected{% endif %}>6,000円</option>
  43.                                 <option value="7" {% if getRequest('price_min') == '7' %}selected{% endif %}>7,000円</option>
  44.                                 <option value="8" {% if getRequest('price_min') == '8' %}selected{% endif %}>8,000円</option>
  45.                                 <option value="9" {% if getRequest('price_min') == '9' %}selected{% endif %}>9,000円</option>
  46.                                 <option value="10" {% if getRequest('price_min') == '10' %}selected{% endif %}>10,000円</option>
  47.                             </select>
  48.                             <div style="display:flex;align-items: center;">～</div>
  49.                             <select name="price_max" id="price_max" style="height:42px;border:1px solid #ccc;padding:10px;width:120px;border-radius: 6px;">
  50.                                 <option value="">指定なし</option>
  51.                                 <option value="1" {% if getRequest('price_max') == '1' %}selected{% endif %}>1,000円</option>
  52.                                 <option value="2" {% if getRequest('price_max') == '2' %}selected{% endif %}>2,000円</option>
  53.                                 <option value="3" {% if getRequest('price_max') == '3' %}selected{% endif %}>3,000円</option>
  54.                                 <option value="4" {% if getRequest('price_max') == '4' %}selected{% endif %}>4,000円</option>
  55.                                 <option value="5" {% if getRequest('price_max') == '5' %}selected{% endif %}>5,000円</option>
  56.                                 <option value="6" {% if getRequest('price_max') == '6' %}selected{% endif %}>6,000円</option>
  57.                                 <option value="7" {% if getRequest('price_max') == '7' %}selected{% endif %}>7,000円</option>
  58.                                 <option value="8" {% if getRequest('price_max') == '8' %}selected{% endif %}>8,000円</option>
  59.                                 <option value="9" {% if getRequest('price_max') == '9' %}selected{% endif %}>9,000円</option>
  60.                                 <option value="10" {% if getRequest('price_max') == '10' %}selected{% endif %}>10,000円</option>
  61.                             </select>
  62.                         </div>
  64.                     </div>
  66.                     <div style="margin-top: 31px;">
  67.                         <button type="submit" style="background-color: black; color: white; width: 100%; padding: 8px 10px 8px 10px;height:42px; border:none;border-radius: 6px;"><svg class="cb cb-search" style="margin-right: 3px;"><use xlink:href="#cb-search" /></svg>この条件で検索</button>
  68.                     </div>
  69.                 </div>
  70.             </div>
  71.         </form>
  72.     </div>
  73. </div>
  74. <div id="drawer_block_sp">
  75.     <span style="display:block;font-weight:bold;font-size:1.3rem;padding: 20px 0 6px 6px;">条件検索</span>
  76.     <div id="search" class="search">
  77.         <form method="get" id="searchform" action="{{ path('product_list') }}">
  78.             <div class="search_inner">
  80.                 <label for="name" style="display:block;font-weight:bold;font-size:1.3rem;padding: 0 0 6px 0;">キーワード</label>
  81.                 <div style="width:100%;">
  82.                     {{ form_widget(form.name, {'id': null, 'attr': {'class': '', 'placeholder' : 'キーワードを入力',
  83.                         'style': 'background-color:white;width:100%;padding:10px;border:1px solid #ccc;border-radius: 6px;'
  84.                     }} ) }}
  85.                     <!--button type="submit" class="bt_search"><svg class="cb cb-search"><use xlink:href="#cb-search" /></svg></button-->
  86.                 </div>
  88.                 <label for="category_id" style="display:block;font-weight:bold;font-size:1.3rem;padding: 6px 0 6px 0;">カテゴリー</label>
  89.                 <div id="category_select_sp">
  91.                 </div>
  93.                 <label for="price_min" style="display:block;font-weight:bold;font-size:1.3rem;padding: 6px 0 6px 0;">価格帯</label>
  94.                 <select name="price_min" id="price_min" style="height:42px;border:1px solid #ccc;padding:10px;width:100%;border-radius: 6px;">
  95.                     <option value="">指定なし</option>
  96.                     <option value="1" {% if getRequest('price_min') == '1' %}selected{% endif %}>1,000円</option>
  97.                     <option value="2" {% if getRequest('price_min') == '2' %}selected{% endif %}>2,000円</option>
  98.                     <option value="3" {% if getRequest('price_min') == '3' %}selected{% endif %}>3,000円</option>
  99.                     <option value="4" {% if getRequest('price_min') == '4' %}selected{% endif %}>4,000円</option>
  100.                     <option value="5" {% if getRequest('price_min') == '5' %}selected{% endif %}>5,000円</option>
  101.                     <option value="6" {% if getRequest('price_min') == '6' %}selected{% endif %}>6,000円</option>
  102.                     <option value="7" {% if getRequest('price_min') == '7' %}selected{% endif %}>7,000円</option>
  103.                     <option value="8" {% if getRequest('price_min') == '8' %}selected{% endif %}>8,000円</option>
  104.                     <option value="9" {% if getRequest('price_min') == '9' %}selected{% endif %}>9,000円</option>
  105.                     <option value="10" {% if getRequest('price_min') == '10' %}selected{% endif %}>10,000円</option>
  106.                 </select>
  107.                 <div style="display:flex;align-items: center;justify-content: center">～</div>
  108.                 <select name="price_max" id="price_max" style="height:42px;border:1px solid #ccc;padding:10px;width:100%;border-radius: 6px;">
  109.                     <option value="">指定なし</option>
  110.                     <option value="1" {% if getRequest('price_max') == '1' %}selected{% endif %}>1,000円</option>
  111.                     <option value="2" {% if getRequest('price_max') == '2' %}selected{% endif %}>2,000円</option>
  112.                     <option value="3" {% if getRequest('price_max') == '3' %}selected{% endif %}>3,000円</option>
  113.                     <option value="4" {% if getRequest('price_max') == '4' %}selected{% endif %}>4,000円</option>
  114.                     <option value="5" {% if getRequest('price_max') == '5' %}selected{% endif %}>5,000円</option>
  115.                     <option value="6" {% if getRequest('price_max') == '6' %}selected{% endif %}>6,000円</option>
  116.                     <option value="7" {% if getRequest('price_max') == '7' %}selected{% endif %}>7,000円</option>
  117.                     <option value="8" {% if getRequest('price_max') == '8' %}selected{% endif %}>8,000円</option>
  118.                     <option value="9" {% if getRequest('price_max') == '9' %}selected{% endif %}>9,000円</option>
  119.                     <option value="10" {% if getRequest('price_max') == '10' %}selected{% endif %}>10,000円</option>
  120.                 </select>
  122.                 <div style="margin-top: 12px;">
  123.                     <button type="submit" style="background-color: black; color: white; width: 100%; padding: 8px 10px 8px 10px;height:42px; border:none;border-radius: 6px;"><svg class="cb cb-search" style="margin-right: 3px;"><use xlink:href="#cb-search" /></svg>この条件で検索</button>
  124.                 </div>
  125.             </div>
  126.             <div class="extra-form">
  127.                 {% for f in form.getIterator %}
  128.                     {% if f.vars.name matches '[^plg*]' %}
  129.                         {{ form_label(f) }}
  130.                         {{ form_widget(f) }}
  131.                         {{ form_errors(f) }}
  132.                     {% endif %}
  133.                 {% endfor %}
  134.             </div>
  135.         </form>
  136.     </div>
  137. </div>