app/template/default/Block/footer.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. <div class="">
  14. <footer class="footer">
  16.   <!-- back to top mobile only -->
  17.   <div class="btn_primary-to-top_wrap mobile-only-890-flex">
  18.     <button class="btn_primary btn_primary-to-top" onclick="javascript:void(0);" type="button" id="back-to-top-id">
  19.       <img class="btn_primary-icon" src="{{ asset('assets/img/default/icons/icon-to-top.svg') }}" alt="" width="24" height="24" />
  20.       <span class="btn_primary-text">ページトップへ</span>
  21.     </button>
  22.   </div>
  24.   <!-- Main content -->
  25.   <div class="footer__main">
  26.     <!-- Top utility bar -->
  27.     <div class="header__menu footer__menu">
  28.       <div class="header__menu-inner">
  29.         <div class="header__brand">
  30.           <a href="{{ url('homepage') }}">
  31.             <img class="header__brand-logo" src="{{ asset('assets/img/default/icons/logo.svg') }}" alt="WoodTech" width="209" height="32" />
  32.           </a>
  33.           <span class="header__brand-caption">炭から始まる明るい未来</span>
  34.           <div class="header__brand-caption-line"></div>
  35.         </div>
  38.         <div class="header__utility">
  39.           <nav class="header__nav" aria-label="グローバルナビ">
  40.             <button class="btn_primary btn_primary-to-top" type="button" id="back-to-top-id">
  41.               <img class="btn_primary-icon" src="{{ asset('assets/img/default/icons/icon-to-top.svg') }}" alt="" width="24" height="24" />
  42.               <span class="btn_primary-text">ページトップへ</span>
  43.             </button>
  44.           </nav>
  45.           <a class="header__utility-item" href="{{ url('mypage') }}">
  46.             <img class="header__utility-icon" src="{{ asset('assets/img/default/icons/icon-user.svg') }}" alt="" width="32" height="32" />
  47.             <span class="header__utility-label">マイページ</span>
  48.           </a>
  49.           <span class="header__utility-sep" aria-hidden="true"></span>
  50.           <a class="header__utility-item" href="{{ url('cart') }}">
  51.             <img class="header__utility-icon" src="{{ asset('assets/img/default/icons/icon-cart.svg') }}" alt="" width="32" height="32" />
  52.             <span class="header__utility-label">カート</span>
  53.           </a>
  54.         </div>
  55.       </div>
  56.     </div>
  59.     <div class="footer__content">
  60.       <!-- Left: Contact section -->
  61.       <div class="footer__contact">
  62.         <div class="footer__headline">
  63.           <span class="footer__headline-line1">あの備長炭が</span>
  64.           <span class="footer__headline-line2">買えてしまう。</span>
  65.         </div>
  66.         <div class="footer__contact-info">
  67.           <div class="footer__contact-address">
  68.             <img class="footer__contact-icon" src="{{ asset('assets/img/default/icons/icon-access-address.svg') }}" alt="" width="20"
  69.               height="20" />
  70.             <div class="footer__contact-address-text">
  71.               <span>〒300-0037 茨城県つくば市春日4-21-3</span>
  72.             </div>
  73.           </div>
  74.           <div class="footer__contact-phone">
  75.             <img class="footer__contact-icon" src="{{ asset('assets/img/default/icons/icon-access-tel.svg') }}" alt="" width="20" height="20" />
  76.             <div class="footer__contact-phone-text">
  77.               <span>電話：050-5358-0532</span>
  78.               <span>ファクシミリ：050-5358-0532</span>
  79.             </div>
  80.           </div>
  81.         </div>
  83.       </div>
  85.       <!-- Right: Legal links and Navigation -->
  86.       <div class="footer__right">
  87.         <nav class="footer__nav">
  88.           <a class="footer__nav-item" href="{{ url('homepage') }}">
  89.             <span class="footer__nav-text">ホーム</span>
  90.             <img class="footer__nav-icon" src="{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}" alt="" width="24" height="24" />
  91.           </a>
  92.           <a class="footer__nav-item" href="{{ url('product_list') }}">
  93.             <span class="footer__nav-text">備長炭一覧</span>
  94.             <img class="footer__nav-icon" src="{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}" alt="" width="24" height="24" />
  95.           </a>
  96.           <a class="footer__nav-item" href="{{ url('news_list') }}">
  97.             <span class="footer__nav-text">お知らせ</span>
  98.             <img class="footer__nav-icon" src="{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}" alt="" width="24" height="24" />
  99.           </a>
  100.           <a class="footer__nav-item" href="{{ url('contact') }}">
  101.             <span class="footer__nav-text">お問い合わせ</span>
  102.             <img class="footer__nav-icon" src="{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}" alt="" width="24" height="24" />
  103.           </a>
  104.           <a class="footer__nav-item" href="{{ url('help_faq') }}">
  105.             <span class="footer__nav-text">よくある質問</span>
  106.             <img class="footer__nav-icon" src="{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}" alt="" width="24" height="24" />
  107.           </a>
  108.           <a class="footer__nav-item" href="{{ url('help_guide') }}">
  109.             <span class="footer__nav-text">ご利用ガイド</span>
  110.             <img class="footer__nav-icon" src="{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}" alt="" width="24" height="24" />
  111.           </a>
  112.           {% if is_granted('ROLE_USER') %}
  113.             <a class="footer__nav-item" href="{{ url('mypage') }}">
  114.                 <span class="footer__nav-text">ご注文履歴</span>
  115.                 <img class="footer__nav-icon" src="{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}" alt="" width="24" height="24" />
  116.             </a>
  117.             <a class="footer__nav-item" href="{{ url('logout') }}">
  118.                 <span class="footer__nav-text">ログアウト</span>
  119.                 <img class="footer__nav-icon" src="{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}" alt="" width="24" height="24" />
  120.             </a>
  121.           {% else %}
  122.             <a class="footer__nav-item" href="{{ url('entry') }}">
  123.                 <span class="footer__nav-text">会員登録</span>
  124.                 <img class="footer__nav-icon" src="{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}" alt="" width="24" height="24" />
  125.             </a>
  126.             <a class="footer__nav-item" href="{{ url('mypage_login') }}">
  127.                 <span class="footer__nav-text">ログイン</span>
  128.                 <img class="footer__nav-icon" src="{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}" alt="" width="24" height="24" />
  129.             </a>
  130.           {% endif %}
  131.         </nav>
  134.         <nav class="footer__legal">
  135.           <a class="footer__legal-link" href="{{ url('help_about') }}">
  136.             <img class="footer__legal-icon" src="{{ asset('assets/img/default/icons/icon-arrow-legal.svg') }}" alt="" width="12" height="12" />
  137.             <span>利用規約</span>
  138.           </a>
  139.           <a class="footer__legal-link" href="{{ url('help_privacy') }}">
  140.             <img class="footer__legal-icon" src="{{ asset('assets/img/default/icons/icon-arrow-legal.svg') }}" alt="" width="12" height="12" />
  141.             <span>プライバシーポリシー</span>
  142.           </a>
  143.           <a class="footer__legal-link" href="{{ url('help_tradelaw') }}">
  144.             <img class="footer__legal-icon" src="{{ asset('assets/img/default/icons/icon-arrow-legal.svg') }}" alt="" width="12" height="12" />
  145.             <span>特定商取引法に基づく表記</span>
  146.           </a>
  147.         </nav>
  150.       </div>
  151.     </div>
  152.   </div>
  154.   <!-- Copyright bar -->
  155.   <div class="footer__copyright">
  156.     <span class="footer__copyright-text">© 2025 WoodTech</span>
  157.   </div>
  158. </footer>
  159. </div>