app/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. <button class="burger js-burger" type="button">
  13.   <img src="{{ asset('assets/img/common/icon-burger.svg', 'user_data')}}" alt="">
  14. </button>
  15. <div class="burger__content">
  16.   <button class="burger__close js-close" type="button">
  17.     <img src="{{ asset('assets/img/common/icon-close.svg', 'user_data')}}" alt="">
  18.     <span class="burger__close-text --en">Close</span>
  19.   </button>
  20.   <div class="burger__logo"><img src="{{ asset('assets/img/common/logo_header.svg', 'user_data')}}" alt=""></div>
  21.   <div class="burger__inner">
  22.     <nav class="burger__nav">
  23.       <ul class="burger__nav-list">
  24.         <li class="burger__nav-item --en">
  25.           <a href="{{ url('product_list') }}" class="burger__nav-link">Line up<span class="sub">商品一覧</span></a>
  26.         </li>
  27.         <li class="burger__nav-item --en">
  28.           <a href="#" class="burger__nav-link">About tea<span class="sub">お茶の種類・淹れ方</span></a>
  29.         </li>
  30.         <li class="burger__nav-item --en">
  31.           <a href="{{ url('help_guide') }}" class="burger__nav-link">User Guide<span class="sub">ご利用ガイド</span></a>
  32.         </li>
  33.         <li class="burger__nav-item --en">
  34.           <a href="{{ url('faq') }}" class="burger__nav-link">Faq<span class="sub">よくあるご質問</span></a>
  35.         </li>
  36.       </ul>
  37.     </nav>
  38.     <nav class="burger__menu">
  39.       <ul class="burger__menu-list">
  40.         <li class="burger__menu-item">
  41.           <a href="{{ url('company') }}" class="burger__menu-link">会社概要</a>
  42.         </li>
  43.         <li class="burger__menu-item">
  44.           <a href="{{ url('help_privacy') }}" class="burger__menu-link">プライバシーポリシー</a>
  45.         </li>
  46.         <li class="burger__menu-item">
  47.           <a href="{{ url('help_tradelaw') }}" class="burger__menu-link">特定商取引法に関する表記</a>
  48.         </li>
  49.         <li class="burger__menu-item">
  50.           <a href="{{ url('contact') }}" class="burger__menu-link">お問い合わせ</a>
  51.         </li>
  52.       </ul>
  53.     </nav>
  54.     <div class="burger__instagram">
  55.       <a href="#" class="burger__instagram-link">
  56.         <svg class="burger__instagram-icon">
  57.           <use xlink:href="/html/user_data/assets/img/symbol-defs.svg#icon-instagram"></use>
  58.         </svg>
  59.       </a>
  60.     </div>
  61.     <div class="burger__buttons">
  62.       {% if is_granted('ROLE_USER') %}
  63.       <div class="burger__button">
  64.         <a href="{{ url('mypage') }}" class="burger__button-link">
  65.           <svg class="burger__button-icon">
  66.             <use xlink:href="/html/user_data/assets/img/symbol-defs.svg#icon-login"></use>
  67.           </svg>
  68.           <span class="burger__button-text">マイページ</span>
  69.         </a>
  70.       </div>
  71.       {% else %}
  72.       <div class="burger__button">
  73.         <a href="{{ url('mypage_login') }}" class="burger__button-link">
  74.           <svg class="burger__button-icon">
  75.             <use xlink:href="/html/user_data/assets/img/symbol-defs.svg#icon-login"></use>
  76.           </svg>
  77.           <span class="burger__button-text">ログイン</span>
  78.         </a>
  79.       </div>
  80.       {% endif %}
  81.       <div class="burger__button">
  82.         <a href="{{ url('cart') }}" class="burger__button-link --cart">
  83.           <svg class="burger__button-icon">
  84.             <use xlink:href="/html/user_data/assets/img/symbol-defs.svg#icon-cart"></use>
  85.           </svg>
  86.           <span class="burger__button-text">カートを見る</span>
  87.         </a>
  88.       </div>
  89.     </div>
  90.   </div>
  91. </div>