app/template/default/Block/header.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.   <header class="l-header">
  14.     <div class="l-header__login pc">
  15.       <p class="l-header__login-txt">びわの葉化粧品の無憂扇（MUYU-SEN-むゆうせん-）公式オンラインショップ{% if is_granted('ROLE_USER') == false %}{# ログインしていない場合 #}ヒートセラピー 会員ログイン{% endif %}</p>
  16.       {% if is_granted('ROLE_USER') == false %}{# ログインしていない場合 #}
  17.         <a href="{{ url('mypage_login') }}" class="l-header__login-btn">ヒートセラピー 会員ログイン</a>
  18.       {% endif %}
  19.     </div>
  21.     <div class="l-header__row">
  22.       <div class="l-header__left">
  23.         <div class="l-header__logo">
  24.           <a href="{{ url('homepage') }}" class="l-header__logo-link">
  25.             <img src="{{ asset('assets/img/common/logo_muyusen_bl.svg') }}" alt="【公式】無憂扇（むゆうせん）ONLINE SHOP" class="l-header__logo-img">
  26.           </a>
  27.         </div>
  28.         <ul class="l-header__menu pc">
  29.           <li class="l-header__menu-item">
  30.             <a href="{{ url(eccube_config.eccube_user_data_route, {'route': 'loquat'}) }}" class="l-header__menu-link">びわのこと</a>
  31.           </li>
  32.           <li class="l-header__menu-item">
  33.             <a href="{{ url('product_list') }}" class="l-header__menu-link">商品リスト</a>
  34.           </li>
  35.           <li class="l-header__menu-item">
  36.             <a href="{{ url('help_guide') }}" class="l-header__menu-link">ご利⽤ガイド</a>
  37.           </li>
  38.           <li class="l-header__menu-item">
  39.             <a href="{{ url(eccube_config.eccube_user_data_route, {'route': 'faq'}) }}" class="l-header__menu-link">よくあるご質問</a>
  40.           </li>
  41.         </ul>
  42.       </div>
  43.       <div class="l-header__right">
  44.         <ul class="l-header__sub">
  45.           <li class="l-header__sub-item pc">
  46.             <a href="{{ url('contact') }}" class="l-header__sub-link">
  47.               <span class="l-header__sub-ic"><img src="{{ asset('assets/img/common/ic_mail_gr.svg') }}" alt=""></span>
  48.               <span class="l-header__sub-txt">お問い合わせ</span>
  49.             </a>
  50.           </li>
  51.           {% if is_granted('ROLE_USER') %}{# ログインしている場合 #}
  52.             <li class="l-header__sub-item pc">
  53.               <a href="{{ url('mypage') }}" class="l-header__sub-link">
  54.                 <span class="l-header__sub-ic"><img src="{{ asset('assets/img/common/ic_login_gr.svg') }}" alt=""></span>
  55.                 <span class="l-header__sub-txt">マイページ</span>
  56.               </a>
  57.             </li>
  58.           {% endif %}
  59.           <li class="l-header__sub-item">
  60.             {% if is_granted('ROLE_USER') %}{# ログインしている場合 #}
  61.               <a href="{{ url('logout') }}" class="l-header__sub-link">
  62.                 <span class="l-header__sub-ic"><img src="{{ asset('assets/img/common/ic_logout_gr.svg') }}" alt=""></span>
  63.                 <span class="l-header__sub-txt">ログアウト</span>
  64.               </a>
  65.             {% else %}{# ログインしていない場合 #}
  66.               <a href="{{ url('mypage_login') }}" class="l-header__sub-link">
  67.                 <span class="l-header__sub-ic"><img src="{{ asset('assets/img/common/ic_login_gr.svg') }}" alt=""></span>
  68.                 <span class="l-header__sub-txt">ログイン</span>
  69.               </a>
  70.             {% endif %}
  71.           </li>
  72.           <li class="l-header__sub-item">
  73.             <a href="{{ url('cart') }}" class="l-header__sub-link">
  74.               <span class="l-header__sub-ic"><img src="{{ asset('assets/img/common/ic_cart_gr.svg') }}" alt=""></span>
  75.               <span class="l-header__sub-txt">カート</span>
  76.             </a>
  77.           </li>
  78.         </ul>
  79.       </div>
  80.     </div>
  82.     <span class="l-header__trigger-area l-header__trigger-area--open sp"><span class="l-header__trigger l-header__trigger--open" id="js-header-open">メニュー</span></span>
  84.     <div class="l-header__sp" id="js-header-menu">
  86.       <span class="l-header__sp-logo">
  87.         <a href="{{ url('homepage') }}" class="l-header__logo-sp-link">
  88.           <img src="{{ asset('assets/img/common/logo_muyusen_wh.svg') }}" alt="【公式】無憂扇（むゆうせん）ONLINE SHOP｜びわの葉化粧品" class="l-header__sp-logo-img">
  89.         </a>
  90.       </span>
  92.       <span class="l-header__trigger-area l-header__trigger-area--close"><span class="l-header__trigger l-header__trigger--close" id="js-header-close">メニュー</span></span>
  94.       {% if is_granted('ROLE_USER') == false %}{# ログインしていない場合 #}
  95.         <div class="l-header__sp-login">
  96.           <a href="{{ url('mypage_login') }}" class="l-header__sp-login-btn">ヒートセラピー 会員ログイン</a>
  97.         </div>
  98.       {% endif %}
  100.       <ul class="l-header__sub">
  101.         <li class="l-header__sub-item">
  102.           <a href="{{ url('contact') }}" class="l-header__sub-link">
  103.             <span class="l-header__sub-ic"><img src="{{ asset('assets/img/common/ic_mail_wh.svg') }}" alt=""></span>
  104.             <span class="l-header__sub-txt">お問い合わせ</span>
  105.           </a>
  106.         </li>
  107.         {% if is_granted('ROLE_USER') %}{# ログインしている場合 #}
  108.           <li class="l-header__sub-item">
  109.             <a href="{{ url('mypage') }}" class="l-header__sub-link">
  110.               <span class="l-header__sub-ic"><img src="{{ asset('assets/img/common/ic_login_wh.svg') }}" alt=""></span>
  111.               <span class="l-header__sub-txt">マイページ</span>
  112.             </a>
  113.           </li>
  114.         {% endif %}
  115.         <li class="l-header__sub-item">
  116.           {% if is_granted('ROLE_USER') %}{# ログインしている場合 #}
  117.             <a href="{{ url('logout') }}" class="l-header__sub-link">
  118.               <span class="l-header__sub-ic"><img src="{{ asset('assets/img/common/ic_logout_wh.svg') }}" alt=""></span>
  119.               <span class="l-header__sub-txt">ログアウト</span>
  120.             </a>
  121.           {% else %}{# ログインしていない場合 #}
  122.             <a href="{{ url('mypage_login') }}" class="l-header__sub-link">
  123.               <span class="l-header__sub-ic"><img src="{{ asset('assets/img/common/ic_login_wh.svg') }}" alt=""></span>
  124.               <span class="l-header__sub-txt">ログイン</span>
  125.             </a>
  126.           {% endif %}
  127.         </li>
  128.         <li class="l-header__sub-item">
  129.           <a href="{{ url('cart') }}" class="l-header__sub-link">
  130.             <span class="l-header__sub-ic"><img src="{{ asset('assets/img/common/ic_cart_wh.svg') }}" alt=""></span>
  131.             <span class="l-header__sub-txt">カート</span>
  132.           </a>
  133.         </li>
  134.       </ul>
  136.       <ul class="l-header__sp-menu">
  137.         <li class="l-header__sp-menu-item">
  138.           <a href="{{ url('homepage') }}" class="l-header__sp-menu-link">HOME</a>
  139.         </li>
  140.         <li class="l-header__sp-menu-item">
  141.           <a href="{{ url(eccube_config.eccube_user_data_route, {'route': 'loquat'}) }}" class="l-header__sp-menu-link">びわのこと</a>
  142.         </li>
  143.         <li class="l-header__sp-menu-item">
  144.           <a href="{{ url('product_list') }}" class="l-header__sp-menu-link">商品リスト</a>
  145.           <ul class="l-header__sp-menu l-header__sp-menu--small">
  146.             <li class="l-header__sp-menu-item l-header__sp-menu-item--small">
  147.               <a href="{{ url('product_list') }}?category_id=8" class="l-header__sp-menu-link l-header__sp-menu-link--small">MUYU-SEN Nature.シリーズ</a>
  148.             </li>
  149.             <li class="l-header__sp-menu-item l-header__sp-menu-item--small">
  150.               <a href="{{ url('product_list') }}?category_id=9" class="l-header__sp-menu-link l-header__sp-menu-link--small">Nature. Dogシリーズ</a>
  151.             </li>
  153.             {% set group1 = repository("Plugin\\CustomerGroup42\\Entity\\Group").find(1) %}
  154.             {% set group2 = repository("Plugin\\CustomerGroup42\\Entity\\Group").find(2) %}
  155.             {% set group3 = repository("Plugin\\CustomerGroup42\\Entity\\Group").find(3) %}
  157.             {% if group1 is not null and is_granted('view', group1) or group2 is not null and is_granted('view', group2) or group3 is not null and is_granted('view', group3) %}
  158.               <li class="l-header__sp-menu-item l-header__sp-menu-item--small">
  159.                 <a href="{{ url('product_list') }}?category_id=10" class="l-header__sp-menu-link l-header__sp-menu-link--small">Heat Therapy Member</a>
  160.               </li>
  161.             {% endif %}
  163.           </ul>
  164.         </li>
  165.         <li class="l-header__sp-menu-item">
  166.           <a href="{{ url('cm_blog_pro_page_list') }}" class="l-header__sp-menu-link">トピックス</a>
  167.           <ul class="l-header__sp-menu l-header__sp-menu--small">
  168.             <li class="l-header__sp-menu-item l-header__sp-menu-item--small">
  169.               <a href="{{ url('cm_blog_pro_page_list', {categories: [1]}) }}" class="l-header__sp-menu-link l-header__sp-menu-link--small">お知らせ</a>
  170.             </li>
  171.             <li class="l-header__sp-menu-item l-header__sp-menu-item--small">
  172.               <a href="{{ url('cm_blog_pro_page_list', {categories: [2]}) }}" class="l-header__sp-menu-link l-header__sp-menu-link--small">コラム</a>
  173.             </li>
  174.           </ul>
  175.         </li>
  176.       </ul>
  178.       <ul class="l-header__sp-menu l-header__sp-menu--small">
  179.         <li class="l-header__sp-menu-item l-header__sp-menu-item--small">
  180.           <a href="{{ url('help_guide') }}" class="l-header__sp-menu-link l-header__sp-menu-link--small">ご利⽤ガイド</a>
  181.         </li>
  182.         <li class="l-header__sp-menu-item l-header__sp-menu-item--small">
  183.           <a href="{{ url(eccube_config.eccube_user_data_route, {'route': 'faq'}) }}" class="l-header__sp-menu-link l-header__sp-menu-link--small">よくあるご質問</a>
  184.         </li>
  185.         <li class="l-header__sp-menu-item l-header__sp-menu-item--small">
  186.           <a href="{{ url('help_tradelaw') }}" class="l-header__sp-menu-link l-header__sp-menu-link--small">特定商取引法に基づく表記</a>
  187.         </li>
  188.         <li class="l-header__sp-menu-item l-header__sp-menu-item--small">
  189.           <a href="{{ url('contact') }}" class="l-header__sp-menu-link l-header__sp-menu-link--small">お問い合わせ</a>
  190.         </li>
  191.         <li class="l-header__sp-menu-item l-header__sp-menu-item--small">
  192.           <a href="{{ url('contact') }}#policy" class="l-header__sp-menu-link l-header__sp-menu-link--small">プライバシーポリシー</a>
  193.         </li>
  194.       </ul>
  196.     </div>
  198.   </header>