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. #}
  11. {% set Categories = repository('Eccube\\Entity\\Category').getList() %}
  13. <div class="back-to-top">
  14.     <a href="#page-top" class="link-block">ページトップへ戻る</a>
  15. </div>
  16. <div class="footer">
  17.     <div class="inner">
  18.         <div class="footer__main">
  19.             <div class="footer-logo">
  20.                 <svg class="logo">
  21.                     <use xlink:href="{{ asset('assets/img/common/sprite.svg#logo-nipponnomado') }}"></use>
  22.                 </svg>
  23.             </div>
  24.             <div class="footer-menu">
  25.                 <ul class="footer-menu-category">
  26.                     <li>
  27.                         <p class="footer-menu-category__lead">しる</p>
  28.                         <ul class="footer-menu-list">
  29.                             <li class="footer-menu-link">
  30.                                 <a href="#tmp">
  31.                                     <p>日本の窓</p>
  32.                                     <svg class="icon">
  33.                                         <use xlink:href="{{ asset('assets/img/common/sprite.svg#icon-link01') }}"></use>
  34.                                     </svg>
  35.                                 </a>
  36.                             </li>
  37.                             <li class="footer-menu-link">
  38.                                 <a href="#tmp">
  39.                                     <p>東京組</p>
  40.                                     <svg class="icon">
  41.                                         <use xlink:href="{{ asset('assets/img/common/sprite.svg#icon-link01') }}"></use>
  42.                                     </svg>
  43.                                 </a>
  44.                             </li>
  45.                             <li class="footer-menu-link">
  46.                                 <a href="#tmp">
  47.                                     <p>青森ShowRoom</p>
  48.                                     <svg class="icon">
  49.                                         <use xlink:href="{{ asset('assets/img/common/sprite.svg#icon-link01') }}"></use>
  50.                                     </svg>
  51.                                 </a>
  52.                             </li>
  53.                             <li class="footer-menu-link">
  54.                                 <a href="#tmp">
  55.                                     <p>東京ShowRoom</p>
  56.                                     <svg class="icon">
  57.                                         <use xlink:href="{{ asset('assets/img/common/sprite.svg#icon-link01') }}"></use>
  58.                                     </svg>
  59.                                 </a>
  60.                             </li>
  61.                         </ul>
  62.                     </li>
  63.                     <li>
  64.                         <p class="footer-menu-category__lead">みる</p>
  65.                         <ul class="footer-menu-list">
  66.                             <li class="footer-menu-link">
  67.                                 <a href="#tmp">
  68.                                     <p>施工事例</p>
  69.                                 </a>
  70.                             </li>
  71.                         </ul>
  72.                     </li>
  73.                     <li>
  74.                         <p class="footer-menu-category__lead">えらぶ</p>
  75.                         <ul class="footer-menu-list">
  76.                             {% for Category in Categories %}
  77.                                 <li class="footer-menu-link">
  78.                                     <a href="{{ url('product_list') }}?category_id={{ Category.id }}">
  79.                                         <p>{{ Category.name }}</p>
  80.                                     </a>
  81.                                 </li>
  82.                             {% endfor %}
  83.                         </ul>
  84.                     </li>
  85.                     <li>
  86.                         <p class="footer-menu-category__lead">お知らせ</p>
  87.                         <ul class="footer-menu-list">
  88.                             <li class="footer-menu-link">
  89.                                 <a href="#tmp">
  90.                                     <p>日本の窓NEWS</p>
  91.                                     <svg class="icon">
  92.                                         <use xlink:href="{{ asset('assets/img/common/sprite.svg#icon-link01') }}"></use>
  93.                                     </svg>
  94.                                 </a>
  95.                             </li>
  96.                         </ul>
  97.                     </li>
  98.                     <li>
  99.                         <p class="footer-menu-category__lead">ヘルプ</p>
  100.                         <ul class="footer-menu-list">
  101.                             <li class="footer-menu-link">
  102.                                 <a href="#tmp">
  103.                                     <p>お問い合わせ</p>
  104.                                 </a>
  105.                             </li>
  106.                             <li class="footer-menu-link">
  107.                                 <a href="#tmp">
  108.                                     <p>よくあるご質問</p>
  109.                                 </a>
  110.                             </li>
  111.                         </ul>
  112.                     </li>
  113.                 </ul>
  114.             </div>
  115.         </div>
  116.         <div class="footer__cta">
  117.             <div class="footer-cta-wrap">
  118.                 <div class="footer-cta-wrap__item footer-cta-text">
  119.                     <p class="footer-cta-text__lead">お電話でのお問い合わせ</p>
  120.                     <a href="#tmp" class="footer-cta-text__link">
  121.                         <svg class="icon icon-tel">
  122.                             <use xlink:href="{{ asset('assets/img/common/sprite.svg#icon-tel') }}"></use>
  123.                         </svg>
  124.                         <p>01-2345-6789</p>
  125.                     </a>
  126.                     <p class="footer-cta-text__caption">9:00～20:00（月曜～土曜）<span class="sp-none">、</span><br class="sp-only">9:00～18:00（日曜・祝日）</p>
  127.                 </div>
  128.                 <div class="footer-cta-wrap__item footer-cta-text">
  129.                     <p class="footer-cta-text__lead">インターネットでのお問い合わせ</p>
  130.                     <a href="#tmp" class="contact-btn footer-cta-text__link">
  131.                         <svg class="icon icon-mail">
  132.                             <use xlink:href="{{ asset('assets/img/common/sprite.svg#icon-mail') }}"></use>
  133.                         </svg>
  134.                         <p>お問い合わせフォーム</p>
  135.                     </a>
  136.                     <p class="footer-cta-text__caption">
  137.                         <a href="#tmp">よくあるご質問</a>
  138.                     </p>
  139.                 </div>
  140.             </div>
  141.         </div>
  142.         <div class="footer__link">
  143.             <ul class="footer-sns-link">
  144.                 <li>
  145.                     <a href="#tmp">
  146.                         <svg class="icon">
  147.                             <use xlink:href="{{ asset('assets/img/common/sprite.svg#icon-facebook') }}"></use>
  148.                         </svg>
  149.                     </a>
  150.                 </li>
  151.                 <li>
  152.                     <a href="#tmp">
  153.                         <svg class="icon">
  154.                             <use xlink:href="{{ asset('assets/img/common/sprite.svg#icon-instagram') }}"></use>
  155.                         </svg>
  156.                     </a>
  157.                 </li>
  158.                 <li>
  159.                     <a href="#tmp">
  160.                         <svg class="icon">
  161.                             <use xlink:href="{{ asset('assets/img/common/sprite.svg#icon-twitter') }}"></use>
  162.                         </svg>
  163.                     </a>
  164.                 </li>
  165.                 <li>
  166.                     <a href="#tmp">
  167.                         <svg class="icon">
  168.                             <use xlink:href="{{ asset('assets/img/common/sprite.svg#icon-pinterest') }}"></use>
  169.                         </svg>
  170.                     </a>
  171.                 </li>
  172.                 <li>
  173.                     <a href="#tmp">
  174.                         <svg class="icon">
  175.                             <use xlink:href="{{ asset('assets/img/common/sprite.svg#icon-youtube') }}"></use>
  176.                         </svg>
  177.                     </a>
  178.                 </li>
  179.             </ul>
  180.             <ul class="footer-policy-link">
  181.                 <li>
  182.                     <a href="#tmp">利用規約</a>
  183.                 </li>
  184.                 <li>
  185.                     <a href="#tmp">取引規約</a>
  186.                 </li>
  187.                 <li>
  188.                     <a href="#tmp">特定商取引法に基づく表示</a>
  189.                 </li>
  190.                 <li>
  191.                     <a href="#tmp">プライバシーポリシー</a>
  192.                 </li>
  193.                 <li>
  194.                     <a href="#tmp">ご利用ガイド</a>
  195.                 </li>
  196.             </ul>
  197.         </div>
  198.         <div class="footer-copy">
  199.             <small>&copy; 2023 NIPPON NO MADO CO., LTD.</small>
  200.         </div>
  201.     </div>
  202. </div>