src/Eccube/Resource/template/default/Block/nav_sp.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. {% block javascript %}
  13. <script>
  14.     /*
  15.     function dropdownMenuClose() {
  16.         $('.sp-topMenu').css('display', 'none')
  17.     }*/
  18.     $(function(){
  19.         $('.sp-header .btnCatetory .ec-button').on('click',function(e){
  20.             e.preventDefault();
  21.             if($('.ec-headerNaviRole').hasClass('open') || $('.ec-headerNaviRole').hasClass('open_cat')){
  22.                 $('.ec-headerNaviRole').removeClass('open');
  23.                 $('.ec-headerNaviRole').removeClass('open_cat');
  24.                 $('.sp-topCategory').removeClass('open');
  25.                 $('.ec-headerNav .ec-headerNav__item.btnCatetory').css('background-color', '#238ACB');
  26.             }else{
  27.                 $('.ec-headerNaviRole').addClass('open');
  28.                 $('.ec-headerNav .ec-headerNav__item.btnCatetory').css('background-color', '#E0E0E0');
  29.             }
  30.         });
  32.         $('.ec-footerSticky__list').on('click',function(e){
  33.             e.preventDefault();
  34.             if($('.ec-headerNaviRole').hasClass('open') || $('.ec-headerNaviRole').hasClass('open_cat')){
  35.                 $('.ec-headerNaviRole').removeClass('open');
  36.                 $('.ec-headerNaviRole').removeClass('open_cat');
  37.                 $('.sp-topCategory').removeClass('open');
  38.                 $('.ec-headerNav .ec-headerNav__item.btnCatetory').css('background-color', '#238ACB');
  39.             }else{
  40.                 $('.sp-topCategory').addClass('open');
  41.                 $('.ec-headerNaviRole').addClass('open_cat');
  42.                 $('.ec-headerNav .ec-headerNav__item.btnCatetory').css('background-color', '#E0E0E0');
  43.             }
  44.         });
  46.         $('.ec-categoryList').on('click',function(e){
  47.             e.preventDefault();
  48.             if($('.ec-headerNaviRole').hasClass('open') || $('.ec-headerNaviRole').hasClass('open_cat')){
  49.                 $('.ec-headerNaviRole').removeClass('open');
  50.                 $('.ec-headerNaviRole').removeClass('open_cat');
  51.                 $('.sp-topCategory').removeClass('open');
  52.                 $('.sp-topCategory').addClass('open');
  53.                 $('.ec-headerNaviRole').addClass('open_cat');
  54.                 $('.ec-headerNav .ec-headerNav__item.btnCatetory').css('background-color', '#E0E0E0');
  55.             }else{
  56.                 $('.ec-headerNaviRole').removeClass('open');
  57.                 $('.ec-headerNaviRole').removeClass('open_cat');
  58.                 $('.sp-topCategory').removeClass('open');
  59.                 $('.ec-headerNav .ec-headerNav__item.btnCatetory').css('background-color', '#238ACB');
  60.             }
  61.         });
  62.     })
  65. </script>
  66. {% endblock %}
  68. {% form_theme form 'Form/form_div_layout.twig' %}
  70. <div class="ec-headerNaviRole">
  71.     <div class="sp-header">
  72.         <div class="ec-headerNaviRole__logoSP">
  73.             <a href="{{ url('homepage') }}">
  74.                 <div class="ec-headerNaviRole-logoimgSP">
  75.                     <img src="{{ asset('assets/img/sp/top/logo.svg') }}" alt="" />
  76.                 </div>
  77.             </a>
  78.         </div>
  79.         <div class="ec-headerNaviRole__rightSP">
  80.             <div class="ec-smartphoneSearch">
  81.                 <form method="get" class="searchform" action="{{ path('product_list') }}">
  82.                     <div class="ec-smartphoneSearch__keyword">
  83.                         <div class="ec-input ec-input__keyword">
  84.                             <input type="search" name="name" maxlength="50" class="search-name" placeholder="商品を探す">
  85.                             <button type="submit">
  86.                                 <img src="{{ asset('assets/img/sp/top/search.svg') }}">
  87.                             </button>
  88.                         </div>
  89.                     </div>
  90.                 </form>
  91.             </div>
  92.             {{ include('Block/login.twig') }}
  93.         </div>
  94.     </div>
  96.     {% if is_granted('ROLE_USER') %}
  97.         <div class="sp-topMenu">
  98.             <div class="sp-topMenu__header">
  99.                 <a href="{{ url('homepage') }}">
  100.                     <div class="sp-topMenu__logo">
  101.                         <img src="{{ asset('assets/img/sp/top/logo.svg') }}" alt="" />
  102.                     </div>
  103.                 </a>
  104.                 <div class="sp-topMenu__closeBtn">
  105.                     <img src="{{ asset('assets/icon/cross.svg') }}" alt="remove">
  106.                     CLOSE
  107.                 </div>
  108.             </div>
  109.             <div class="ec-blockspliter show-resultPC"></div>
  110.             <ul class="ec-footerNavi">
  111.                 <li class="ec-footerNavi__link">
  112.                     <a class="sp-topMenu__home" href="{{ url('help_guide') }}">{{ '初めての方へ'|trans }}</a>
  113.                 </li>
  114.                 <li class="ec-footerNavi__link">
  115.                     <a href="{{ url('help_about') }}">{{ 'ご利用ガイド'|trans }}</a>
  116.                 </li>
  117.                 <li class="ec-footerNavi__link">
  118.                     <a href="{{ url('news_list') }}">{{ 'お知らせ'|trans }}</a>
  119.                 </li>
  120.                 <li class="ec-footerNavi__link">
  121.                     <a href="{{ url('contact') }}">{{ 'お問い合わせ'|trans }}</a>
  122.                 </li>
  123.                 <li class="ec-footerNavi__link">
  124.                     <a href="{{ url('help_agreement') }}">{{ 'ご利用規約'|trans }}</a>
  125.                 </li>
  126.                 <li class="ec-footerNavi__link">
  127.                     <a href="{{ url('help_tradelaw') }}">{{ '特定商取引法に基づく表記'|trans }}</a>
  128.                 </li>
  129.                 <li class="ec-footerNavi__link">
  130.                     <a href="{{ url('help_privacy') }}">{{ 'プライバシーポリシー'|trans }}</a>
  131.                 </li>
  132.             </ul>
  133.             <div class="dropdown-inputMenu loginStatus">
  134.                 <div class="ec-smartphoneSearch">
  135.                     <form method="get" class="searchform" action="{{ path('product_list') }}">
  136.                         <div class="ec-smartphoneSearch__keyword">
  137.                             <div class="ec-input ec-input__keyword">
  138.                                 {{ form_widget(form.name, {'id': null, 'attr': {'class': 'search-name', 'placeholder' : '商品を探す' }} ) }}
  139.                                 <button type="submit">
  140.                                     <img src="{{ asset('assets/img/sp/top/search.svg') }}">
  141.                                 </button>
  142.                             </div>
  143.                             <a class="ec-categoryList" href="#">
  144.                                 <button type="button" class="sp-topMenu__search">{{ '商品カテゴリ'|trans }}</button>
  145.                             </a>
  146.                         </div>
  147.                     </form>
  148.                 </div>
  149.             </div>
  150.             <div class="ec-blockspliter"></div>
  151.             <div class="dropdown-login">
  152.                 <a class="sp-topMenu__login" href="{{ url('mypage') }}">
  153.                     <img src="{{ asset('assets/img/top/login.svg') }}">
  154.                     &nbsp;{{ 'マイページ'|trans }}
  155.                 </a>
  156.                 <a href="{{ url('cart') }}" class="sp-topMenu__cart">
  157.                     <img src="{{ asset('assets/img/top/cart.svg') }}" />
  158.                     &nbsp;&nbsp;{{ 'カート'|trans }}
  159.                 </a>
  160.             </div>
  161.         </div>
  162.     {% else %}
  163.         <div class="sp-topMenu">
  164.             <div class="sp-topMenu__header">
  165.                 <a href="{{ url('homepage') }}">
  166.                     <div class="sp-topMenu__logo">
  167.                         <img src="{{ asset('assets/img/sp/top/logo.svg') }}" alt="" />
  168.                     </div>
  169.                 </a>
  170.                 <div class="sp-topMenu__closeBtn">
  171.                     <img src="{{ asset('assets/icon/cross.svg') }}" alt="remove">
  172.                     CLOSE
  173.                 </div>
  174.             </div>
  175.             <ul class="ec-footerNavi">
  176.                 <li class="ec-footerNavi__link">
  177.                     <a class="sp-topMenu__home" href="{{ url('help_guide') }}">{{ '初めての方へ'|trans }}</a>
  178.                 </li>
  179.                 <li class="ec-footerNavi__link">
  180.                     <a href="{{ url('help_about') }}">{{ 'ご利用ガイド'|trans }}</a>
  181.                 </li>
  182.                 <li class="ec-footerNavi__link">
  183.                     <a href="{{ url('news_list') }}">{{ 'お知らせ'|trans }}</a>
  184.                 </li>
  185.                 <li class="ec-footerNavi__link">
  186.                     <a href="{{ url('contact') }}">{{ 'お問い合わせ'|trans }}</a>
  187.                 </li>
  188.                 <li class="ec-footerNavi__link">
  189.                     <a href="{{ url('help_agreement') }}">{{ 'ご利用規約'|trans }}</a>
  190.                 </li>
  191.                 <li class="ec-footerNavi__link">
  192.                     <a href="{{ url('help_tradelaw') }}">{{ '特定商取引法に基づく表記'|trans }}</a>
  193.                 </li>
  194.                 <li class="ec-footerNavi__link">
  195.                     <a href="{{ url('help_privacy') }}">{{ 'プライバシーポリシー'|trans }}</a>
  196.                 </li>
  197.             </ul>
  198.             <div class="dropdown-inputMenu">
  199.                 <div class="ec-smartphoneSearch">
  200.                     <form method="get" class="searchform" action="{{ path('product_list') }}">
  201.                         <div class="ec-smartphoneSearch__keyword">
  202.                             <div class="ec-input ec-input__keyword">
  203.                                 {{ form_widget(form.name, {'id': null, 'attr': {'class': 'search-name', 'placeholder' : '商品を探す' }} ) }}
  204.                                 <button type="submit">
  205.                                     <img src="{{ asset('assets/img/sp/top/search.svg') }}">
  206.                                 </button>
  207.                             </div>
  208.                             <a class="ec-categoryList" href="#">
  209.                                 <button type="button" class="sp-topMenu__search">{{ '商品カテゴリ'|trans }}</button>
  210.                             </a>
  211.                         </div>
  212.                     </form>
  213.                 </div>
  214.             </div>
  215.             <div class="ec-blockspliter"></div>
  216.             <div class="dropdown-register">
  217.                 <a href="{{ url('entry') }}" class="sp-topMenu__register">
  218.                     <button type="button">
  219.                         <img src="{{ asset('assets/img/sp/top/register.svg') }}" />
  220.                         {{ '新規会員登録'|trans }}
  221.                     </button>
  222.                 </a>
  223.             </div>
  224.             <div class="ec-blockspliter"></div>
  225.             <div class="dropdown-login">
  226.                 <a href="{{ url('mypage_login') }}" class="sp-topMenu__login">
  227.                     <img src="{{ asset('assets/img/top/login.svg') }}" />
  228.                     &nbsp;&nbsp;{{ 'ログイン'|trans }}
  229.                 </a>
  230.                 <a href="{{ url('cart') }}" class="sp-topMenu__cart">
  231.                     <img src="{{ asset('assets/img/top/cart.svg') }}" />
  232.                     &nbsp;&nbsp;{{ 'カート'|trans }}
  233.                 </a>
  234.             </div>
  235.         </div>
  236.     {% endif %}
  238.     {{ render(path('block_search_product_sp')) }}
  239. </div>