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. #}
  12.  {% if CustomerKbn == "seller" %}
  16.  {% else %}
  18.     {% form_theme form 'Form/form_div_layout.twig' %}
  20.         <div class="ec-headerSearch1">
  21.             <form method="get" class="searchform" action="{{ path('product_list') }}">
  22.                 <!--
  23.                 <div class="ec-headerSearch__category">
  24.                     <div class="ec-select ec-select_search">
  25.                         {{ form_widget(form.category_id, {'id': null, 'attr': {'class': 'category_id'}}) }}
  26.                     </div>
  27.                 </div>
  28.                 -->
  29.                 <div class="ec-headerSearch__keyword">
  30.                     <div class="ec-input" style="display: flex; align-items: center; height: 40px;">
  31.                         {{ form_widget(form.name, {'id': null, 'attr': {'class': 'search-name', 'placeholder' : '商品名･商品ID･キーワード' }} ) }}
  32.                             <button class="ec-headerSearch__keywordBtn" type="submit" style="margin: 0; padding: 0;">
  33.                                 <div class="ec-icon">
  34.                                     <img src="{{ asset('assets/icon/search-dark.svg') }}" alt="" style="height:35px;">
  35.                                 </div>
  36.                             </button>
  37.                     </div>
  38.                 </div>
  39.             </form>
  40.         </div>
  42.         <style>
  43.         .ec-headerSearch__keywordBtn {
  44.             line-height: 1; /* または適切な値を設定 */
  45.             position: relative; /* 相対位置指定を有効にする */
  46.             top: -8px; /* 上方向に5px移動 */
  47.         }
  48.         .ec-icon {
  49.             line-height: 1; /* または適切な値を設定 */
  50.             position: relative; /* 相対位置指定を有効にする */
  51.             top: 1px; /* 上方向に5px移動 */
  52.         }
  53.         </style>
  55. {% endif %}