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