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. #}
  11. {% set ListCategories = repository('Eccube\\Entity\\Category').getList() %}
  12. <div class="nav-bg"></div>
  13. <header>
  14.     <div class="ec-headerNaviRole">
  15.         <div class="ec-headerNaviRole__left">
  16.             <a href="/" class="logo"><img src="/html/user_data/assets/img/top/logo01.png?2022" alt="ロゴ"></a>
  17.             {# <div class="ec-headerNaviRole__search">
  18.                                                     {{ render(path('block_search_product')) }}
  19.                                                 </div>
  20.                                                 <div class="ec-headerRole__navSP">
  21.                                                     {{ include('Block/nav_sp.twig') }}
  22.                                                 </div> #}
  23.         </div>
  24.         <div class="ec-headerNaviRole__right">
  25.             <nav>
  26.                 <ul class="listType03">
  27.                     <li>
  28.                         <a href="/guide">はじめての方へ</a>
  29.                     </li>
  30.                     <li>
  31.                         <a href="{{ url('product_list',{'category_id':'22'}) }}">見守り・安否確認</a>
  32.                     </li>
  33.                     <li>
  34.                         <a href="{{ url('product_list',{'category_id':'7'}) }}">認知症サポート</a>
  35.                     </li>
  36.                     <li>
  37.                         <a href="{{ url('product_list') }}">商品・サービス一覧</a>
  38.                     </li>
  39.                     <li>
  40.                         <a href="/column">コラム</a>
  41.                     </li>
  42.                 </ul>
  43.             </nav>
  44.             <div class="container01">
  45.                 <button class="searchTrigger01">
  46.                     <img src="/html/user_data/assets/img/top/ico_search_sp01.png?20" alt="">
  47.                 </button>
  48.                 <div class="ec-headerNaviRole__search">
  49.                     {{ render(path('block_search_product')) }}
  50.                 </div>
  51.                 <div class="ec-headerRole__cart">
  52.                     {{ include('Block/cart.twig') }}
  53.                 </div>
  54.                 <!-- ↓メニューバー↓ -->
  55.                 <p id="btn_menu">
  56.                     <a class="nav-trigger nav-trigger01" data-cateid="mainMenu"><span></span>
  57.                     </a>
  58.                 </p>
  59.                 <!-- ↑メニューバー↑ -->
  61.                 <!-- ↓↓メインメニュー↓↓ -->
  62.                 <div id="mainMenu" class="menuBox">
  63.                     <div class="spNavOption sp">
  64.                         <p id="btn_menu"><a class="nav-trigger nav-trigger02 active">Menu<span></span></a></p>
  65.                     </div>
  66.                     {% if is_granted('ROLE_USER') %}
  67.                     <div class="menuBlock" id="member">
  68.                         <ul>
  69.                             <li class="blockTtl">
  70.                                 <span class="member">
  71.                                     {{ '%last_name% %first_name% 様'|trans({ '%last_name%': app.user.name01, '%first_name%': app.user.name02 }) }}
  72.                                 </span>
  73.                                 </li>
  74.                             <li><a href="/mypage/">マイページ</a></li>
  75.                             <li><a href="/mypage/favorite">お気に入り</a></li>
  76.                             <li><a href="/logout">ログアウト</a></li>
  77.                         </ul>
  78.                     </div>
  79.                     {% else %}
  80.                     <div class="menuBlock">
  81.                         <ul>
  82.                             <li><a href="/">トップページ</a></li>
  83.                         </ul>
  84.                     </div>
  85.                     <div class="menuBlock" id="guest">
  86.                         <ul>
  87.                             <li class="blockTtl"><span class="guest">ゲスト</span></li>
  88.                             <li><a href="/entry">新規会員登録</a></li>
  89.                             <li><a href="/mypage/login">ログイン</a></li>
  90.                         </ul>
  91.                     </div>
  92.                     {% endif %}
  93.                     <div class="menuBlock">
  94.                         <ul>
  95.                             <li class="blockTtl"><span class="search">カテゴリから探す</span></li>
  96.                             <li><a href="/products/list">商品一覧</a></li>
  97.                             {% for Category in ListCategories %}
  98.                                 {% if Category.Children is not empty %}
  99.                                 <li><a class="menuTrigger01" data-cateId="menu_{{ Category.id }}">{{ Category.name }}から探す</a></li>
  100.                                 {% else %}
  101.                                 <li><a href="{{ url('product_list',{category_id:Category.id}) }}">{{ Category.name }}から探す</a></li>
  102.                                 {% endif %}
  103.                             {% endfor %}
  104.                         </ul>
  105.                     </div>
  106.                     <div class="menuBlock" id="member">
  107.                         <ul>
  108.                             <li class="blockTtl"><span class="guide">ご利用ガイド</span></li>
  109.                             <li><a href="/guide">はじめてご利用の方へ</a></li>
  110.                             <li><a href="/user_data/help_order">ご注文方法</a></li>
  111.                             <li><a href="/user_data/help_send">返品・交換</a></li>
  112.                             <li><a href="{{ url('help_tradelaw') }}">特定商取引法に基づく表記</a></li>
  113.                             <li><a href="{{ url('help_agreement') }}">会員利用規約</a></li
  114.                         </ul>
  115.                     </div>
  116.                     <div class="menuBlock" id="aboutyasashiite">
  117.                         <ul>
  118.                             <li class="blockTtl"><span class="guide">その他</span></li>
  119.                             <li><a href="{{ url('help_about') }}">運営会社</a></li>
  120.                             <li><a href="{{ url('help_privacy') }}">プライバシーポリシー</a></li>
  122.                             <li><a href="/user_data/cookie_policy">クッキーポリシー</a></li>
  123.                             <li><a href="/column" target="_blank">ミマサポメディア</a></li>
  124.                             <li><a href="/contact">お問い合わせ</a></li>
  125.                         </ul>
  126.                     </div>
  127.                 </div>
  129.                 {% for Category in ListCategories  %}
  130.                 {% if Category.Children is not empty %}
  131.                 <div id="menu_{{ Category.id }}" class="menuBox">
  132.                     <div class="spNavOption">
  133.                         <a class="prevTrigger"><img src="/html/user_data/assets/img/common/ico_l_gray.png" alt=""></a>
  134.                         <p id="btn_menu"><a class="nav-trigger nav-trigger02 active">Menu<span></span></a></p>
  135.                     </div>
  136.                     <div class="menuBlock" id="pierce">
  137.                         <div class="menuBlock" id="pierce">
  138.                             <ul>
  139.                                 <li class="blockTtl"><span class="brand">{{ Category.name }}</span></li>
  140.                                 <li><a href="/products/list?category_id={{ Category.id }}">全ての{{ Category.name }}</a></li>
  141.                                 {% for Child in Category.Children %}
  142.                                 <li><a href="/products/list?category_id={{ Child.id }}">{{ Child.name }}</a></li>
  143.                                 {% endfor %}
  144.                             </ul>
  145.                         </div>
  146.                     </div>
  147.                 </div>
  148.                 {% endif %}
  149.                 {% endfor %}
  150.             </div>
  151.             {# <div class="ec-headerNaviRole__nav">
  152.                                                     {{ include('Block/login.twig') }}
  153.                                                 </div> #}
  155.         </div>
  156.     </div>
  157. </header>
  158. {% if body_class is defined and body_class == 'product_page list' %}
  159. <style>
  160. .mvType01{
  161.     background-image:url( {{ mv_path_pc }} )!important;
  162. }
  163. @media screen and (max-width: 768px){
  164.     .mvType01{
  165.         background-image:url( {{ mv_path_sp }} )!important;
  166.     }
  167. }
  168. </style>
  169. <section class="mvType01">
  170.     <div class="inner">
  171.         <div class="txtBox">
  173.             {% if Category is not null %}
  174.             {% for Cate in Category.path %}
  175.             <div class="tagBasic">{{ Cate.name }}</div>
  176.             {% endfor %}
  177.             {% endif %}
  179.             {% if Category is not null %}
  180.                 {% if Category.mv_html is not null %}
  181.                     {{ Category.mv_html|raw }}
  182.                 {% else %}
  183.                     <h1 class="ttl06">{{ Category.name }}</h1>
  184.                     <p></p>
  185.                 {% endif %}
  186.             {% elseif search_form.name.vars.value is not empty  %}
  187.                 <h1 class="ttl06">「{{ search_form.name.vars.value }}」での検索結果</h1>
  188.             {% else %}
  189.                 <h1 class="ttl06">全ての商品</h1>
  190.                 <p>全ての商品一覧です。</p>
  191.             {% endif %}
  193.         </div>
  194.     </div>
  195. </section>
  196. {% endif %}