app/template/osechi/Block/header.twig line 1

Open in your IDE?
  1. {#
  2. ///////////////////////////////////////////////////////////////////////
  4. This template is part of EC-CUBE Design template.
  6. Copyright(c) JAPAN ELECTRONIC INDUSTRIAL ARTS CO.LTD.
  8. http://www.jeia.co.jp/
  10. For the full copyright and license information, please view the LICENSE
  11. file that was distributed with this source code.
  13. 本テンプレートの著作権は、「株式会社日本電子工藝社」に帰属いたします。
  15. ※本テンプレートを譲渡・再頒布・転用・第三者へ開示することは禁止いたします。
  16. ただし、事業者によるショップ運営者への設置代行を禁止するものではございません。
  17. ※本テンプレートを申請されたご利用サイトへの設置以外の目的で複製することは禁止いたします。
  18. ※本テンプレートデータ内のライセンス条項、および著作権に関する記述を削除することはできません。
  19. ※ご利用サイトを変更することはできません。申請と異なるサイトにてご利用になる場合は、
  20. 別途、ご利用費用をお支払いただく必要がございます。
  21. ※本テンプレートの改変にあたり、一切のサポートはいたしかねます。
  22. ※本テンプレートは、すべての設置環境で動作する事は保証しておりません。
  24. ///////////////////////////////////////////////////////////////////////
  25. #}
  27. {#
  28. ヘッドインフォメーション
  30. {#
  31. ヘッドインフォメーション
  33. ヘッダーの上に配置されるインフォメーションになります。
  34. 不要の場合は「.ec-headInfomationRole要素」を削除してください。
  36. ※ヘッダーstikcy常駐に伴い、ヘッダーレイアウトフレーム枠にはヘッダー以外入れない事としました（_11.2.header.scssに理由説明）。ですので、
  37. ヘッドインフォメーションは、レイアウトフレームの外（body要素直下）に出します（jeia_function.js）。
  38. 初期状態では「.jeia_hidden」により非表示状態です。セッションストレージに非表示のフラグが無ければjsにより表示させます。
  39. <div class="ec-headInfomationRole jeia_hidden">
  40.     <p>全品10％OFF 期間限定セール開催中！2022年12月31日(日)迄</p>
  41.     <div class="ec-headInfomationRole__close"><i class="jeiafont jeia-cross"></i></div>
  42. </div>
  43. #}
  46. {#
  47. ヘッダー
  49. ヘッダーは横2列のフレーム構造になっております。
  51. ヘッダー左フレーム
  52. * ドロワー開閉ボタン（スマホ・タブレット時のみ表示）
  53. * ヘッダータイトル
  54. * ヘッダーナビ
  56. ヘッダー右フレーム
  57. * ヘッダーメニュー
  58. #}
  59. <!-- Block/header.twig -->
  60. <div class="ec-headerRole">
  62.     {# left #}
  63.     <!-- ▼ ヘッダー左枠 ▼ -->
  64.     <div class="ec-headerRole__left">
  66.         {# ドロワー開閉ボタン #}
  67.         <div class="ec-drawerButton">
  68.             <span class="burger active">MENU</span>
  69.         </div>
  71.         {# ヘッダータイトル #}
  72.         <div class="ec-headerTitle">
  73.             <a href="{{ url('homepage') }}">
  74.                 {#
  75.                 ヘッダーロゴ画像
  76.                 クラウド版ec-cube.coをご利用の方は「img」要素内の「src」属性をアップロードした画像のフルパスに記述を変更してください。
  77.                 【例】src="/html/user_data/assets/img/header_logo.svg"​
  78.                 <img src="{{ asset('assets/img/common/header_logo.svg') }}" alt="{{ BaseInfo.shop_name }}">
  79.                 <img src="/awd/html/template/osechi/assets/img/header_logo.png" alt="{{ BaseInfo.shop_name }}">
  80.                 #}
  81. <img src="/awd/html/template/osechi/assets/img/common/header_logo.png" alt="{{ BaseInfo.shop_name }}">
  82. {#
  83.                 <p class="border-title">A wonderful Day</p>
  84. #}
  85.             </a>
  86.         </div>
  88.         {#
  89.         ヘッダーナビ
  90.         サイトのメインコンテンツのナビボタン群です。
  91.         #}
  92.         <div class="ec-headerNav">
  93.             <nav>
  95.                 {# HOME #}
  96.                 {#
  97.                 <div class="ec-headerNav__item">
  98.                     <a href="{{ url('homepage') }}">HOME</a>
  99.                 </div>
  100.                 #}
  102.                 {# 商品ラインナップ #}
  103.                 <div class="ec-headerNav__item has-submenu">
  104.                     <a href="{{url('product')}}">Lineup</a>
  106.                     {# サブメニュー（カテゴリ展開） #}
  107. {#
  108.                     <div class="submenu">
  109.                         <div class="submenu__body">
  110.                             {% set Categories = repository('Eccube\\Entity\\Category').getList() %}
  111.                             {% from _self import tree %}
  112.                             <ul class="ec-categoryTree">
  113.                             {% for Category in Categories %}
  114.                                 <li>{{ tree(Category) }}</li>
  115.                             {% endfor %}
  116.                             </ul>
  117.                         </div>
  118.                     </div>
  119. #}
  120.                 </div>
  122.                 {# 体験 #}
  123.                 <div class="ec-headerNav__item">
  124.                     <a href="{{url('service')}}">Service</a>
  125.                 </div>
  127.                 {# 体験 #}
  128.                 <div class="ec-headerNav__item">
  129.                     <a href="{{url('rental')}}">Car Rental</a>
  130.                 </div>
  131.                 
  133.                 {# 体験 #}
  134.                 <div class="ec-headerNav__item">
  135.                     <a href="{{url('drive')}}">Car Experience</a>
  136.                 </div>
  138.                 {# ヘリ #}
  139.                 <div class="ec-headerNav__item">
  140.                     <a href="{{url('helicopter')}}">Helicopter</a>
  141.                 </div>
  143.                 {# クルーズ #}
  144.                 <div class="ec-headerNav__item">
  145.                     <a href="{{url('cruise')}}">Yacht</a>
  146.                 </div>
  147.                 {# クルーズ #}
  148.                 <div class="ec-headerNav__item">
  149.                     <a href="{{url('fuji')}}">Fuji</a>
  150.                 </div>
  152. {# E-BIKE 
  153.                 <div class="ec-headerNav__item">
  154.                     <a href="{{ url('ebike_detail', {'id': '39'}) }}">E-BIKE</a>
  155.                 </div>
  156. #}
  157.                 {# LINK（※外部ブログやコンテンツページへのリンクを想定しています。不要なら削除してください） #}
  158. {#
  159.                 <div class="ec-headerNav__item">
  160.                     <a href="">LINK</a>
  161.                 </div>
  162. #}
  163.                 {# ご利用ガイド 
  164.                 <div class="ec-headerNav__item">
  165.                     <a href="{{ url('help_about') }}">About AWD</a>
  166.                 </div>
  167.                 #}
  168.                 
  169.                 {# ご利用ガイド 
  170.                 <div class="ec-headerNav__item">
  171.                     <a href="{{ url('help_club') }}">Club AWD</a>
  172.                 </div>
  173. #}
  174.                 {# ご利用ガイド
  175.                 <div class="ec-headerNav__item">
  176.                     <a href="{{ url('help_guide') }}">User Guide</a>
  177.                 </div>
  178.  #}
  179.                 {# お問い合わせ 
  180.                 <div class="ec-headerNav__item">
  181.                     <a href="{{ url('contact') }}">Contact</a>
  182.                 </div>
  183. #}
  184.             </nav>
  185.         </div>
  187.         {# macro カテゴリ構造 #}
  188.         {% macro tree(Category) %}
  189.             {% from _self import tree %}
  190.             <a href="{{ url('product_list') }}?category_id={{ Category.id }}">{{ Category.name }}</a>
  191.             {% if Category.children|length > 0 %}
  192.                 <ul class="child">
  193.                     {% for ChildCategory in Category.children %}
  194.                         <li>{{ tree(ChildCategory) }}</li>
  195.                     {% endfor %}
  196.                 </ul>
  197.             {% endif %}
  198.         {% endmacro %}
  199.         {# @see https://github.com/bolt/bolt/pull/2388 #}
  201.     </div>
  202. {#
  203.     <div class="ec-headerRole__right  spOnlyFlex">
  204.         <a href="/awd/jp/" class="spOnly" style="
  205.         border: 1px solid #000;
  206.         text-align: center;
  207.         padding: 20%;
  208.         background-color: #000;
  209.         color: #FFF;"><span>JP</span></a>
  211.         <div class="pcOnly">
  212.              <a href="/awd/jp" style="color: var(--clrHeaderText, #000);">JP</a> / <span style="font-weight: bold;">EN</span>
  213.         </div>
  214.                 
  215.     </div>
  216. #}
  217. </div>