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. {#                        <span class="text-center ec-button__jsize">初めての方へ<br/><span class="ec-button__esize">Beginner’s guide</span></span>#}
  75. {#                    </a>#}
  76. {#                </div>#}
  77.             </div>
  78.             <div class="ec-headerSearch__keyword">
  79.                 <div class="ec-input ec-input__keyword">
  80.                     {{ form_widget(form.name, {'id': null, 'attr': {'class': 'search-name', 'placeholder' : '検索したいキーワードや商品名を入力してください。' }} ) }}
  81.                 </div>
  82.                 <div class="ec-button ec-button__search text-center">
  83.                     <button class="ec-headerSearch__keywordBtn" type="submit">
  84.                         <img src="{{ asset('assets/img/top/top-search.svg') }}">&nbsp;
  85.                         <span class="ec-headerSearch-text text-center">検索する</span>
  86.                     </button>
  87.                 </div>
  88.             </div>
  89.         </form>
  90.     </div>
  91. {% else %}
  92.     {# smart phone #}
  93.     <div class="sp-topCategory show-resultSP">
  94.     <!--
  95.         <div class="dropdown-inputMenu">
  96.             <div class="ec-smartphoneSearch">
  97.                 <form method="get" class="searchform" action="{{ path('product_list') }}">
  98.                     <div class="ec-smartphoneSearch__keyword">
  99.                         <div class="ec-input ec-input__keyword">
  100.                             {{ form_widget(form.name, {'id': null, 'attr': {'class': 'search-name', 'placeholder' : '商品を探す' }} ) }}
  101.                             <button type="submit">
  102.                                 <img src="{{ asset('assets/img/sp/top/search.svg') }}">
  103.                             </button>
  104.                         </div>
  105.                     </div>
  106.                 </form>
  107.             </div>
  108.             <div class="sp-topCategory__closeBtn">
  109.                 <img src="{{ asset('assets/icon/cross.svg') }}" alt="remove">
  110.                 CLOSE
  111.             </div>
  112.         </div>-->
  113.         <div class="ec-categoryRole">
  114.             <div class="ec-categoryRole__listTitle">
  115.                 <div class="ec-secHeading ec-secHeading--tandem">
  116.                     <span class="ec-secHeading__en">{{ 'Category'|trans }}</span>
  117.                     <span class="ec-secHeading__ja">{{ 'カテゴリ一覧'|trans }}</span>
  118.                 </div>
  119.             </div>
  120.             <div class="ec-categoryRole__listbody">
  121.                 {% if Categories|length > 0 %}
  122.                     <div class="ec-categoryRole__list">
  123.                         <div class="ec-categoryRole__listItem">
  124.                             <a href="{{ url('product_list') }}">
  125.                                 <figure>
  126.                                     <img src="{{ asset('assets/img/top/All.png') }}"
  127.                                          style="max-width: 50px">
  128.                                 </figure>
  129.                                 <p class="ec-categoryRole__listItemTitle">{{ 'ALL'|trans }}</p>
  130.                             </a>
  131.                         </div>
  132.                         {% for Category in Categories %}
  133.                             <div class="ec-categoryRole__listItem">
  134.                                 <a href="{{ url('product_list') }}?category_id={{ Category.id }}">
  135.                                     <figure>
  136.                                         <img src="{{ asset(Category.mainFileName|no_image_product, 'save_image') }}"
  137.                                              style="max-width: 50px">
  138.                                     </figure>
  139.                                     <p class="ec-categoryRole__listItemTitle">{{ Category.name }}</p>
  140.                                 </a>
  141.                             </div>
  142.                         {% endfor %}
  143.                     </div>
  144.                 {% else %}
  145.                     <div>{{ 'カテゴリがありません'|trans }}</div>
  146.                 {% endif %}
  147.             </div>
  148.         </div>
  149.     </div>
  150. {% endif %}