src/Eccube/Resource/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. {% block javascript %}
  12. <script>
  13. /*
  14.     function dropdownCategoryMenuClose() {
  15.     $('.sp-topCategory').css('display', 'none')
  16. }
  17.     $(function(){
  18.         $('.sp-topCategory__closeBtn').on('click',function(e){
  19.             e.preventDefault();
  20.             $('.ec-headerNaviRole').addClass('open_cat');
  21.             $('.sp-topCategory').addClass('open');
  22.         })
  23.     })*/
  24. </script>
  25. {% endblock %}
  27. {% form_theme form 'Form/form_div_layout.twig' %}
  29. {% if routeName == 'block_search_product' %}
  30.     <div class="ec-headerSearch show-resultPC">
  31.         <form method="get" class="searchform" action="{{ path('product_list') }}">
  32.             <div class="ec-headerSearch__category">
  33.                 <div class="ec-select ec-select_search ec-select__dropdown">
  34.                     <div class="category_title text-left ec-button__jsize">商品カテゴリーを選択する<br/><span
  35.                                 class="ec-button__esize">Category</span></div>
  36.                     <div class="ec-select__dropdownContent">
  37.                         <div class="ec-select__category">
  38.                             <div class="ec-selectCategory">
  39.                                 <div class="ec-selectCategory__listbody">
  40.                                     {% if Categories|length > 0 %}
  41.                                         <div class="ec-selectCategory__list">
  42.                                             <div class="ec-selectCategory__listItem">
  43.                                                 <a href="{{ url('product_list') }}">
  44.                                                     <figure>
  45.                                                         <img src="{{ asset('assets/img/top/All.png') }}"
  46.                                                              style="max-width: 50px">
  47.                                                     </figure>
  48.                                                     <p class="ec-selectCategory__listItemTitle">{{ 'ALL'|trans }}</p>
  49.                                                 </a>
  50.                                             </div>
  51.                                             {% for Category in Categories %}
  52.                                                 <div class="ec-selectCategory__listItem">
  53.                                                     <a href="{{ url('product_list') }}?category_id={{ Category.id }}">
  54.                                                         <figure>
  55.                                                             <img src="{{ asset(Category.mainFileName|no_image_product, 'save_image') }}"
  56.                                                                  style="max-width: 50px">
  57.                                                         </figure>
  58.                                                         <p class="ec-selectCategory__listItemTitle">{{ Category.name }}</p>
  59.                                                     </a>
  60.                                                 </div>
  61.                                             {% endfor %}
  62.                                         </div>
  63.                                     {% else %}
  64.                                         <div>{{ 'カテゴリがありません'|trans }}</div>
  65.                                     {% endif %}
  66.                                 </div>
  67.                             </div>
  68.                         </div>
  69.                     </div>
  70.                     <div class="category_ico"></div>
  71.                 </div>
  72.                <div class="ec-button ec-button__beginnerguide text-center">
  73.                    <a href="{{ url('help_guide') }}">
  74.                         <div class="beginnerguide-text">
  75.                             <span class="text-center ec-button__jsize">初めての方へ</span>
  76.                             <span class="ec-button__esize">Beginner’s guide</span>
  77.                         </div>
  78.                    </a>
  79.                </div>
  80.             </div>
  81.             <div class="ec-headerSearch__keyword">
  82.                 <div class="ec-input ec-input__keyword">
  83.                     {{ form_widget(form.name, {'id': null, 'attr': {'class': 'search-name', 'placeholder' : '検索したいキーワードや商品名を入力してください。' }} ) }}
  84.                 </div>
  85.                 <div class="ec-button ec-button__search text-center">
  86.                     <button class="ec-headerSearch__keywordBtn" type="submit">
  87.                         <img src="{{ asset('assets/img/top/top-search.svg') }}">&nbsp;
  88.                         <span class="ec-headerSearch-text text-center">検索する</span>
  89.                     </button>
  90.                 </div>
  91.             </div>
  92.         </form>
  93.     </div>
  94. {% else %}
  95.     {# smart phone #}
  96.     <div class="sp-topCategory show-resultSP">
  97.     <!--
  98.         <div class="dropdown-inputMenu">
  99.             <div class="ec-smartphoneSearch">
  100.                 <form method="get" class="searchform" action="{{ path('product_list') }}">
  101.                     <div class="ec-smartphoneSearch__keyword">
  102.                         <div class="ec-input ec-input__keyword">
  103.                             {{ form_widget(form.name, {'id': null, 'attr': {'class': 'search-name', 'placeholder' : '商品を探す' }} ) }}
  104.                             <button type="submit">
  105.                                 <img src="{{ asset('assets/img/sp/top/search.svg') }}">
  106.                             </button>
  107.                         </div>
  108.                     </div>
  109.                 </form>
  110.             </div>
  111.             <div class="sp-topCategory__closeBtn">
  112.                 <img src="{{ asset('assets/icon/cross.svg') }}" alt="remove">
  113.                 CLOSE
  114.             </div>
  115.         </div>-->
  116.         <div class="ec-categoryRole">
  117.             <div class="ec-categoryRole__listTitle">
  118.                 <div class="ec-secHeading ec-secHeading--tandem">
  119.                     <span class="ec-secHeading__en">{{ 'Category'|trans }}</span>
  120.                     <span class="ec-secHeading__ja">{{ 'カテゴリ一覧'|trans }}</span>
  121.                 </div>
  122.             </div>
  123.             <div class="ec-categoryRole__listbody">
  124.                 {% if Categories|length > 0 %}
  125.                     <div class="ec-categoryRole__list">
  126.                         <div class="ec-categoryRole__listItem">
  127.                             <a href="{{ url('product_list') }}">
  128.                                 <figure>
  129.                                     <img src="{{ asset('assets/img/top/All.png') }}"
  130.                                          style="max-width: 50px">
  131.                                 </figure>
  132.                                 <p class="ec-categoryRole__listItemTitle">{{ 'ALL'|trans }}</p>
  133.                             </a>
  134.                         </div>
  135.                         {% for Category in Categories %}
  136.                             <div class="ec-categoryRole__listItem">
  137.                                 <a href="{{ url('product_list') }}?category_id={{ Category.id }}">
  138.                                     <figure>
  139.                                         <img src="{{ asset(Category.mainFileName|no_image_product, 'save_image') }}"
  140.                                              style="max-width: 50px">
  141.                                     </figure>
  142.                                     <p class="ec-categoryRole__listItemTitle">{{ Category.name }}</p>
  143.                                 </a>
  144.                             </div>
  145.                         {% endfor %}
  146.                     </div>
  147.                 {% else %}
  148.                     <div>{{ 'カテゴリがありません'|trans }}</div>
  149.                 {% endif %}
  150.             </div>
  151.         </div>
  152.     </div>
  153. {% endif %}