app/template/tanzo/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. <nav id="header_nav" class="navbar navbar-light fixed-top">
  13.     <div class="container-fluid justify-content-center">
  14.         <div class="menu_btn position-absolute start-0">
  15.             <!--<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">-->
  16.             <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvas" aria-controls="offcanvas">
  17.                 <span class="navbar-toggler-icon"></span>
  18.             </button>
  19.         </div>
  21.         <div class="text-center">
  22.             <a href="{{ url('homepage') }}" class="navbar-brand logo_small text-white d-inline-block me-0">
  23.                 <img src="{{ asset('assets/img/common/logo1.png') }}" alt="鍛造指輪">
  24.                 <p class="mb-0">公式オンラインショップ</p>
  25.             </a>
  26.         </div>
  27.         
  28.         <div class="links position-absolute end-0 d-flex align-items-center">
  29.             <div class="nav-item px-2 px-md-3 pe-lg-2">
  30.                 <a href="{{ url('homepage') }}" class="d-none d-sm-flex align-items-center">
  31.                     <i class="ec-headerNav__itemIcon bi bi-house"></i>
  32.                     <span class="fs-6 d-none d-lg-block ps-1">HOME</span>
  33.                 </a>
  34.             </div>
  35.             <div class="nav-item px-2 px-md-3 pe-lg-1">
  36.                 <a href="{{ url('favorite') }}" class="d-flex align-items-center">
  37.                     <i class="ec-headerNav__itemIcon bi bi-heart"></i>
  38.                     <span class="fs-6 d-none d-lg-block ps-1">お気に入り</span>
  39.                 </a>
  40.             </div>
  41.             <div class="nav-item px-2 px-md-3 pe-lg-2">
  42.                 <a href="{{ url('cart') }}" class="d-flex align-items-center">
  43.                     <i class="ec-headerNav__itemIcon bi bi-cart3"></i>
  44.                     <span class="fs-6 d-none d-lg-block ps-1">カート</span>
  45.                 </a>
  46.             </div>
  47.         </div>
  48.     </div>
  49. </nav>
  51. <div class="offcanvas offcanvas-start bg_black2 text-white text-center" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel">
  52.     <div class="offcanvas-header bg_black1">
  53.         <h5 class="offcanvas-title"><!--Menu--></h5>
  54.         <button type="button" class="btn-close text-reset text-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  55.     </div>
  56.     <div class="offcanvas-body p-0">
  57.         {% if Layout.Drawer %}
  58.             {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  59.         {% endif %}
  60.         
  61.         <div class="menu_others row flex-wrap g-0 py-3">
  62.             <div class="col-12 col-sm-6">
  63.                 <div class="px-3 py-2 d-flex justify-content-center justify-content-sm-end">
  64.                     <a href="{{ url('help_guide') }}" class="text-white">ご利用ガイド</a>
  65.                 </div>
  66.                 <div class="px-3 py-2 d-flex justify-content-center justify-content-sm-end">
  67.                     <a href="{{ url('help_faq') }}" class="text-white">よくあるご質問</a>
  68.                 </div>
  69.             </div>
  70.             <div class="col-12 col-sm-6">
  71.                 <div class="px-3 py-2 d-flex justify-content-center justify-content-sm-start">
  72.                     <a href="{{ url('help_tradelaw') }}" class="text-white">特定商取引法に基づく表記</a>
  73.                 </div>
  74.                 <div class="px-3 py-2 d-flex justify-content-center justify-content-sm-start">
  75.                     <a href="{{ url('help_privacy') }}" class="text-white">プライバシーポリシー</a>
  76.                 </div>
  77.                 {#<div class="px-3 py-2 d-flex justify-content-center justify-content-sm-start">
  78.                     <a href="{{ url('help_about') }}" class="text-white">当サイトについて</a>
  79.                 </div>#}
  80.             </div>
  81.             <div class="col-12">
  82.                 <div class="px-3 py-2 d-flex justify-content-center">
  83.                     <a href="{{ url('contact') }}" class="text-white">お問い合わせ</a>
  84.                 </div>
  85.             </div>
  86.         </div>
  87.         <div class="footer_info bg_black1 mt-0 py-4">
  88.             <div class="ec-footerTitle__logo p-3 text-center">
  89.                 <a href="{{ url('homepage') }}"><img src="{{ asset('assets/img/common/logo_l.png') }}" alt={{ BaseInfo.shop_name }}></a>
  90.             </div>
  91.             {#<p class="small p-3 text-white lh-lg text-center">
  92.                 「究極の結婚指輪、婚約指輪を作りたい！」<span class="aks">という</span><span class="aks">思いで</span><span class="aks">生み出された</span><br>
  93.                 <span class="aks">世界にたった１つの</span><span class="aks">鍛造フルオーダーメイドブランド。</span><span class="aks">それが「TANZO®」です。</span>
  94.             </p>#}
  95.         </div>
  96.     </div>
  97. </div>