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.
  11. 修正年月日：2024/07/24 k.saito
  12. 修正内容：エアコンを2分割
  14. #}
  15. <footer class="footer">
  16.     <div class="container">
  17.     </div>
  20.     <style>
  21.             </style>
  22.     <article class="hidden-xs footer_sitemap"  >
  23.     <div class="container">
  24.     <div class="row row-eq-height">
  25.         <div class="col-xs-3" >
  26.         <p><img decoding="async" src="https://www.changer.fun/cms/wp-content/uploads/2023/09/logo.png" alt="" class="img-responsive center-block" /><br />
  27. <img decoding="async" src="https://www.changer.fun/cms/wp-content/uploads/2023/06/card.png" alt="" class="img-responsive center-block" /></p>
  28.         </div>
  29.         <div class="col-xs-9" >
  30.         <div class="cf_footer">
  31. <ul class="">
  32. <li><a href="https://www2.changer.fun/products/list?category_id=1">エアコン（標準工事）</a></li>
  33. <li><a href="https://www2.changer.fun/products/list?category_id=69">エアコン（2階下ろし工事）</a></li>
  34. <li><a href="https://www2.changer.fun/products/list?category_id=2">トイレ</a></li>
  35. <li><a href="https://www2.changer.fun/products/list?category_id=9">洗面台</a></li>
  36. <li><a href="https://www2.changer.fun/products/list?category_id=10">ガス給湯器（都市ガスタイプ）</a></li>
  37. <li><a href="https://www2.changer.fun/products/list?category_id=56">ガス給湯器（LPガスタイプ）</a></li>
  38. <li><a href="https://www2.changer.fun/products/list?category_id=14">IHヒーター</a></li>
  39. <li><a href="https://www2.changer.fun/products/list?category_id=15">ガスコンロ（都市ガスタイプ）</a></li>
  40. <li><a href="https://www2.changer.fun/products/list?category_id=50">ガスコンロ（LPガスタイプ）</a></li>
  41. <li><a href="https://www2.changer.fun/products/list?category_id=8">水栓（蛇口）</a></li>
  42. <li><a href="https://www2.changer.fun/products/list?category_id=12">レンジフード</a></li>
  43. <li><a href="https://www2.changer.fun/products/list?category_id=13">浴室乾燥機</a></li>
  44. <li><a href="https://www2.changer.fun/products/list?category_id=11">エコキュート</a></li>
  45. </ul>
  46. <ul class="">
  47. <li><a href="https://www.changer.fun/area/">対応エリア</a></li>
  48. <li><a href="https://www.changer.fun/why/">選ばれる理由</a></li>
  49. <li><a href="https://www.changer.fun/warranty/">保証・サービス</a></li>
  50. <li><a href="https://www.changer.fun/jirei/">施工事例</a></li>
  51. <li><a href="https://www.changer.fun/qa/">Q&#038;A</a></li>
  52. </ul>
  53. <ul class="">
  54. <li><a href="https://www2.changer.fun/products/list">商品検索</a></li>
  55. <li><a href="https://www2.changer.fun/mypage/">マイページ</a></li>
  56. <li class="cf_footer_02"><a href="https://www2.changer.fun/cart">買い物かご</a></li>
  57. <li><a href="https://www.changer.fun/kaishagaiyou/">会社概要</a></li>
  58. <li><a href="https://www.changer.fun/staff/">スタッフ紹介</a></li>
  59. <li><a href="https://www.changer.fun/contact/">お問い合わせ</a></li>
  60. <li><a href="https://www.changer.fun/privacy/">プライバシーポリシー</a></li>
  61. <li><a href="https://www.changer.fun/tokusho_kojin/">特定商取引法に基づく表記</a></li>
  62. <li><a href="https://www.changer.fun/terms/">利用規約</a></li>
  63. <li><a href="https://www.changer.fun/mensekijikou/">キャンセル・返品・交換・免責事項について</a></li>
  64. <li><a href="https://www.changer.fun/koujiukeoikeiyakkan/">工事請負契約款</a></li>
  65. <li><a href="https://www.changer.fun/hannshakaiseiryoku/">反社会勢力ではないことの表明・確約</a></li>
  66. </ul>
  67. </div>
  68.         </div>
  69.         <div class="col-xs-5" >
  70.                 </div>
  71.             </div>
  72.     </div>
  73.     <div class="container-fluid hidden-xs" ><p style="text-align: center;"><span style="font-size: 8pt; color: #808080;">Copyright© 住設チェンジャー</span></p>
  74. </div>    </article>
  75.     <style>
  76.             </style>
  77.     <article class="visible-xs footer_sitemap_sp"  >
  78.     <div class="container">
  79.     <div class="row row-eq-height">
  80.         <div class="col-xs-12" style="padding-bottom:12px; ">
  81.             <img src="https://www.changer.fun/cms/wp-content/uploads/2023/09/logo.png" alt="住設チェンジャー" class="center-block img-responsive" width="80%">
  82.             </div>
  83.         <div class="col-xs-12" style="padding-bottom:30px; ">
  84.             <img src="https://www.changer.fun/cms/wp-content/uploads/2023/06/card.png" alt="住設チェンジャー" class="center-block img-responsive" >
  85.             </div>
  86.         <div class="col-xs-12" style="padding-bottom:20px; ">
  87.         <ul class="cf_foot_sp_02">
  88. <li><a href="#">商品検索</a></li>
  89. <li><a href="#">マイページ</a></li>
  90. <li><a href="#">買い物かご</a></li>
  91. </ul>
  92.         </div>
  93.         <div class="col-xs-12" >
  94.         <div class="cf_footer">
  95. <div class="cf_footer_sp_wrap01">
  96. <span style="color: #ffffff; font-size: 14pt;"><a href="https://www.changer.fun/">ホーム</a></span><br />
  97. <span data-toggle="collapse" data-target="#foot_toggle1" class="cf_footer_sp_title01 collapsed">商品メニュー</span></p>
  98. <div class="collapse cf_indent" id="foot_toggle1">
  99. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www2.changer.fun/products/list?category_id=1">エアコン（標準工事）</a></span><br />
  100. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www2.changer.fun/products/list?category_id=69">エアコン（2階下ろし工事）</a></span><br />
  101. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www2.changer.fun/products/list?category_id=2">トイレ</a></span><br />
  102. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www2.changer.fun/products/list?category_id=9">洗面台</a></span><br />
  103. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www2.changer.fun/products/list?category_id=10">ガス給湯器（都市ガスタイプ）</a></span><br />
  104. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www2.changer.fun/products/list?category_id=56">ガス給湯器（LPガスタイプ）</a></span><br />
  105. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www2.changer.fun/products/list?category_id=8">水栓（蛇口）</a></span><br />
  106. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www2.changer.fun/products/list?category_id=12">レンジフード</a></span><br />
  107. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www2.changer.fun/products/list?category_id=13">浴室乾燥機</a></span><br />
  108. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www2.changer.fun/products/list?category_id=11">エコキュート</a></span>
  109. </div>
  110. <p><span data-toggle="collapse" data-target="#foot_toggle2" class="cf_footer_sp_title01 collapsed">ピックアップ</span></p>
  111. <div class="collapse cf_indent" id="foot_toggle2">
  112. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www.changer.fun/area/">対応エリア</a></span><br />
  113. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www.changer.fun/">注文の流れ</a></span><br />
  114. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www.changer.fun/">選ばれる理由</a></span><br />
  115. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www.changer.fun/">保証・サービス</a></span><br />
  116. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www.changer.fun/">施工事例</a></span><br />
  117. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www.changer.fun/">Q&amp;A</a></span>
  118. </div>
  119. <p><span data-toggle="collapse" data-target="#foot_toggle3" class="cf_footer_sp_title01 collapsed">その他</span></p>
  120. <div class="collapse cf_indent" id="foot_toggle3">
  121. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www.changer.fun/">会社情報</a></span><br />
  122. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www.changer.fun/">スタッフ紹介</a></span><br />
  123. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www.changer.fun/">お問い合わせ</a></span><br />
  124. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www.changer.fun/">プライバシーポリシー</a></span><br />
  125. <span style="color: #ffffff;"><i class="fa fa-angle-right" aria-hidden="true"></i><a href="https://www.changer.fun/">特定商取引法に基づく表記</a></span>
  126. </div>
  127. </div>
  128. </div>
  129.         </div>
  130.             </div>
  131.     </div>
  132.     <div class="container-fluid visible-xs" ><p style="text-align: center;"><span style="font-size: 8pt; color: #808080;">Copyright© 住設チェンジャー</span></p>
  133. </div>    </article>
  135. </footer>
  137. <style type="text/css">
  138. {% block stylesheet %}
  139. @media (min-width: 768px){
  140. .f003 {
  141.     height: auto;
  142. }
  143. .f003{
  144. }
  145. }
  146. @media (max-width: 767px){
  147. .f003 {
  148.     height: auto;
  149. }
  150. img.footer_top_sp{
  151.     max-width: 80%;
  152.     max-height: none;
  153. }
  154. .f003{
  155.         bottom: 60px;
  156.         right: -6px;
  157. }
  158. }
  159. {% endblock %}
  160. </style>