app/template/meldiastore/Block/search_product.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) LOCKON CO.,LTD. All Rights Reserved.
  6. http://www.lockon.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. {% block stylesheet %}
  14.     <style>
  15.     .c-modaal .modaal-close {
  16.     background: #807245;
  17.     }
  18.     .c-modaal .modaal-close:hover {
  19.     background: #000;
  20.     }
  21.     </style>
  22. {% endblock %}
  23. <div class="b-search-product" id="js-search-product">
  24.     <h2 class="b-search-product__title">
  25.         <span class="b-search-product__title-text">{{ '商品検索'|trans }}</span>
  26.     </h2>
  27.     <form method="get" class="searchform" action="{{ path('product_list') }}">
  28.         <div class="b-search-product__contents">
  29.             <div class="c-form__box">
  30.                 <div class="c-form__box-item">
  31.                     <div class="c-select mdc-select mdc-select--outlined">
  32.                         <i class="c-select__dropdown-icon mdc-select__dropdown-icon"></i>
  33.                         {{ form_widget(form.category_id, {'attr': { 'class': 'c-select__native-control c-select__native-control mdc-select__native-control' }}) }}
  34.                         <label class="c-select__label" for="category_id">カテゴリー</label>
  35.                         <div class="mdc-notched-outline">
  36.                             <div class="mdc-notched-outline__leading"></div>
  37.                             <div class="mdc-notched-outline__notch"></div>
  38.                             <div class="mdc-notched-outline__trailing"></div>
  39.                         </div>
  40.                     </div>
  41.                 </div>
  42.             </div>
  43.             <div class="c-form__box">
  44.                 <div class="c-form__box-item">
  45.                     <div class="c-text-field mdc-text-field mdc-text-field--outlined mdc-text-field--no-label">
  46.                         {{ form_widget(form.name, {'attr': { 'class': 'c-text-field__input mdc-text-field__input', 'placeholder': 'キーワード' }}) }}
  47.                         <label class="c-text-field__label" for="name">キーワード</label>
  48.                         <div class="mdc-notched-outline">
  49.                             <div class="mdc-notched-outline__leading"></div>
  50.                             <div class="mdc-notched-outline__trailing"></div>
  51.                         </div>
  52.                     </div>
  53.                 </div>
  54.             </div>
  55.         </div>
  56.         <div class="b-search-product__actions">
  57.             <div class="b-search-product__actions-item">
  58.                 <button class="b-search-product__button c-button is-secondary c-button--outlined mdc-button mdc-button--outlined" type="submit">
  59.                     <span class="c-button__label mdc-button__label">{{ '検索'|trans }}</span>
  60.                 </button>
  61.             </div>
  62.         </div>
  63.     </form>
  64. </div>