app/template/default/Block/header0.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 stylesheet %}
  13.     <link rel="stylesheet" href="{{ asset('assets/css/main_module_commom.css', 'user_data') }}">
  14.     <link rel="stylesheet" href="{{ asset('assets/css/header_style.css', 'user_data') }}">
  15. {% endblock %}
  17. {% block javascript %}
  18.     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  19.     <script src="{{ asset('assets/js/header.js', 'user_data') }}"></script>
  20. {% endblock  %}
  23. <div class="fixed-header">
  24.     <section>
  25.     <div id="site_header">
  26.         <div class="header_logo">
  27.             <a href="{{url('homepage')}}">
  28.                 <img src="{{ asset('assets/img/common/header_logo_0.png', 'user_data') }}">
  29.             </a>
  30.         </div>
  31.         <div class="header_menus">
  32.             <div class="header_inner1">
  33.                 {{ render(path('block_search_product')) }}
  34.                 <div class="header_link1 pc">
  35.                     <ul class="link1">
  36.                         <li><a href="https://photo-pub.co.jp/news">NEWS</a></li>
  37.                         <li><a href="https://photo-pub.co.jp/company">会社概要</a></li>
  38.                         <li><a href="{{ url('contact') }}">お問い合わせ</a></li>
  39.                         <li><a href="{{ url('opinion') }}">意見箱</a></li>
  40.                     </ul>
  41.                 </div>
  42.                 <div class="header_link2">
  43.                     {{ include('Block/login.twig', {parent_template: 'header0.twig'}) }}
  44.                 </div>
  46.                 <div class="hamburger-menu sp">
  47.                     <button id="hamburger" class="hamburger">
  48.                         <span></span>
  49.                         <span></span>
  50.                         <span></span>
  51.                     </button>
  53.                     <nav id="menus" class="menus">
  54.                         <ul class="hamburger-tabs">
  55.                             <li class="menu-item">
  56.                                 <a href="{{ url('homepage') }}">TOP</a>
  57.                             </li>
  58.                             <li class="menu-item">
  59.                                 <a href="{{ url('homepage') }}">フォトパブ堂書店</a>
  60.                                 <ul class="submenu">
  61.                                     <li><span></span><a href="{{ url('books') }}">  フォトパブ堂書店TOP</a></li>
  62.                                     {% set AllCategories = repository('Eccube\\Entity\\Category').getList() %}
  63.                                     {% set Categories = AllCategories|filter(c => c.id is not null and c.id == 1) %}
  64.                                     {% for Category in Categories %}
  65.                                         {% for Child in Category.Children %}
  66.                                             <li>
  67.                                                 <span><a href="{{ url('product_list') }}?category_id={{ Child.id }}">{{ Child }}</a></span>
  68.                                             </li>
  69.                                         {% endfor %}
  70.                                     {% endfor %}
  71.                                 </ul>
  72.                             </li>
  73.                             <li class="menu-item">
  74.                                 <a href="{{ url('homepage') }}">フォトパブ写真館</a>
  75.                                 <ul class="submenu">
  76.                                     <li><span></span><a href="{{ url('photos') }}">  フォトパブ写真館TOP</a></li>
  77.                                     {% set AllCategories = repository('Eccube\\Entity\\Category').getList() %}
  78.                                     {% set Categories = AllCategories|filter(c => c.id is not null and c.id == 6) %}
  79.                                     {% for Category in Categories %}
  80.                                         {% for Child in Category.Children %}
  81.                                             <li>
  82.                                                 <span><a href="{{ url('photo-product_list') }}?category_id={{ Child.id }}">{{ Child }}</a></span>
  83.                                             </li>
  84.                                         {% endfor %}
  85.                                     {% endfor %}
  86.                                 </ul>
  87.                             </li>
  88.                             <li class="menu-item">
  89.                                 <a href="https://jihi.photo-pub.co.jp/">自費出版サービス</a>
  90.                                 <ul class="submenu">
  91.                                     <li><span></span><a href="https://jihi.photo-pub.co.jp/">自費出版について</a></li>
  92.                                     <li><span></span><a href="https://jihi.photo-pub.co.jp/calc.php">自動見積もり</a></li>
  93.                                     <li><span></span><a href="https://jihi.photo-pub.co.jp/qanda.php">出版までの流れ</a></li>
  94.                                     <li><span></span><a href="https://jihi.photo-pub.co.jp/inquiry">自費出版に関するご相談</a></li>
  95.                                 </ul>
  96.                             </li>
  97.                             <li class="menu-item">
  98.                                 <a href="https://photo-pub.co.jp/event">イベント情報</a>
  99.                                 <ul class="submenu">
  100.                                     <li><span></span><a href="https://photo-pub.co.jp/event">イベント一覧</a></li>
  101.                                 </ul>
  102.                             </li>
  103.                             <li class="menu-item">
  104.                                 <a href="https://photo-pub.co.jp/recruit">各種募集</a>
  105.                                 <ul class="submenu">
  106.                                     <li><span></span><a href="https://photo-pub.co.jp/recruit">募集一覧</a></li>
  107.                                 </ul>
  108.                             </li>
  109.                         </ul>
  111.                         <ul class="hamburger-links">
  112.                             <li><a href="https://photo-pub.co.jp/news">NEWS</a></li>
  113.                             <li><a href="https://photo-pub.co.jp/company">会社概要</a></li>
  114.                             <li><a href="{{ url('contact') }}">お問い合わせ</a></li>
  115.                             <li><a href="{{ url('opinion') }}">意見箱</a></li>
  116.                             <li><a href="{{url('help_privacy')}}">プライバシー<br class="br_linkbox">ポリシー</a></li>
  117.                             <li><a href="{{url('help_tradelaw')}}">特定商取引法<br class="br_linkbox">に基づく表記</a></li>
  118.                         </ul>
  120.                         <ul class="hamburger-sns">
  121.                             <li><a><img src="{{ asset('assets/img/common/sns_ic_insta.png', 'user_data') }}" alt="insta"></a></li>
  122.                             <li><a href="https://www.youtube.com/@%E3%83%95%E3%82%A9%E3%83%88%E3%83%91%E3%83%96"><img src="{{ asset('assets/img/common/sns_ic_youtube.svg', 'user_data') }}" alt="youtube"></a></li>
  123.                             <li><a href="https://twitter.com/share?url=https://photo-pub.co.jp/&via=photopub402&hashtags=%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%E3%83%95%E3%82%A9%E3%83%88%E3%83%91%E3%83%96%E3%83%AA%E3%83%83%E3%82%B7%E3%83%B3%E3%82%B0&text=%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%E3%83%95%E3%82%A9%E3%83%88%E3%83%91%E3%83%96%E3%83%AA%E3%83%83%E3%82%B7%E3%83%B3%E3%82%B0"><img src="{{ asset('assets/img/common/sns_ic_x.svg', 'user_data') }}" alt="x"></a></li>
  124.                             <li><a href="http://www.facebook.com/share.php?u=https://photo-pub.co.jp/"><img src="{{ asset('assets/img/common/sns_ic_fb.svg', 'user_data') }}" alt="fb"></a></li>
  125.                         </ul>
  126.                     </nav>
  128.                 </div>
  129.             </div>
  130.             <div class="header_inner2 pc">
  131.                 <ul class="select_btns">
  132.                     <li class="btn"><a href="{{ url('homepage') }}">TOP</a></li>
  133.                     <li class="btn"><a href="{{ url('homepage') }}books">フォトパブ堂書店</a></li>
  134.                     <li class="btn"><a href="{{ url('homepage') }}photos">フォトパブ写真館</a></li>
  135.                     <li class="btn"><a href="http://jihi.photo-pub.co.jp/">自費出版サービス</a></li>
  136.                     <li class="btn"><a href="https://photo-pub.co.jp/event">イベント情報</a></li>
  137.                     <li class="btn"><a href="https://photo-pub.co.jp/recruit">各種募集</a></li>
  138.                 </ul>
  139.             </div>
  140.         </div>
  141.     </div>
  142.     {#<div class="tabs">#}
  143.     {#    <ul class="tabs_inner">#}
  144.     {#        {% set Categories = repository('Eccube\\Entity\\Category').getList() %}#}
  145.     {#        {% macro tree(Category) %}#}
  146.     {#            {% from _self import tree %}#}
  147.     {#            <a href="{{ url('product_list') }}?category_id={{ Category.id }}">#}
  148.     {#                {{ Category.name }}#}
  149.     {#            </a>#}
  150.     {#            {% if Category.children|length > 0 %}#}
  151.     {#                <ul>#}
  152.     {#                    {% for ChildCategory in Category.children %}#}
  153.     {#                        <li>#}
  154.     {#                            {{ tree(ChildCategory) }}#}
  155.     {#                        </li>#}
  156.     {#                    {% endfor %}#}
  157.     {#                </ul>#}
  158.     {#            {% endif %}#}
  159.     {#        {% endmacro %}#}
  160.     
  161.             {# @see https://github.com/bolt/bolt/pull/2388 #}
  162.     {#        {% from _self import tree %}#}
  163.             
  164.     {#        <div class="ec-categoryNaviRole">#}
  165.     {#            <div class="ec-itemNav">#}
  166.     {#                <ul class="ec-itemNav__nav">#}
  167.     {#                    {% for Category in Categories %}#}
  168.     {#                        <li>#}
  169.     {#                            {{ tree(Category) }}#}
  170.     {#                        </li>#}
  171.     {#                    {% endfor %}#}
  172.     {#                </ul>#}
  173.     {#            </div>#}
  174.     {#        </div>#}
  175.     {#    </ul>#}
  176.     {#</div>#}
  177.     <div class="sp-search-form">
  178.         <form action="{{ path('product_list') }}" class="search-form sp">
  179.             <input type="text" class="search-form-input" placeholder="キーワード（タイトル、著者など）を入力">
  180.             <button type="submit" class="search-form-submit" aria-label="検索"></button>
  181.         </form>
  182.     </div>
  183. </section>
  184. </div>
  186. <style>
  187.     .fixed-header {
  188.     position: fixed;
  189.     top: 0;
  190.     left: 0;
  191.     width: 100%;
  192.     z-index: 9999;
  193.     background-color: #fff; /* 背景が透けないように */
  194.     box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 任意：影で浮かせる */
  195. }
  197. body {
  198.     padding-top: 100px; /* ヘッダーの高さに合わせて調整（例：80px） */
  199. }
  200. @media screen and (max-width: 820px) {
  201.     body {
  202.         padding-top: 120px; /* ヘッダーの高さに合わせて調整（例：80px） */
  203.     }
  204. }
  207. </style>