app/template/airconwork/investigation-dtl.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  2. {% block javascript %}
  3. <script>
  4. var y = document.querySelectorAll('.c-area-list a');
  5. for(var i = 0; i < y.length; ++i){
  6.   let url = y[i].getAttribute('href');
  7.   url = url + '&area=' + y[i].innerHTML;
  8.   y[i].setAttribute('href', url);
  9. }
  10. </script>
  11. <script>
  12. function getParam(name, url) {
  13.     if (!url) url = window.location.href;
  14.     name = name.replace(/[\[\]]/g, "\\$&");
  15.     var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
  16.         results = regex.exec(url);
  17.     if (!results) return null;
  18.     if (!results[2]) return '';
  19.     return decodeURIComponent(results[2].replace(/\+/g, " "));
  20. }
  21. var area = document.getElementsByClassName('js-text-area');
  22. var prefs = "";
  23. var areas = "";
  24. if(getParam('pref') != null){
  25.   areas = getParam('pref');
  26. }
  27. if(getParam('area') != null){
  28.   areas = areas + getParam('area');
  29. }
  31. for (var i = 0; i<area.length; i++) {
  32.   area[i].innerText = areas;
  33. }
  35. </script>
  36. {% endblock %}
  37. {% block breadcrumb %}
  38. <li><a href="{{ url('investigation') }}"><span>無料現場調査</span></a> »</li>
  39. <li><span itemprop="name"><span class="js-text-area"></span>に業務用エアコンの設置をご検討中のお客様へ</span></li>
  40. {% endblock %}
  41. {% block title %}
  42. <h1 class="c-title-06"><span class="s-text"><span class="js-text-area"></span>に業務用エアコンの設置をご検討中のお客様へ</span></h1>
  43. {% endblock %}
  44. {% block main %}
  48. <div id="areaMap" class="c-section">
  49.   <div class="p-investigation-hero">
  50.     <h2 class="p-investigation-hero__title only-sp">
  51.     <img src="{{ asset('assets/img/investigation/investigation_title.png') }}" alt="最新人気機器が驚き価格">
  52.     </h2>
  53.     <div class="p-investigation-hero__content">
  54.       <h2 class="p-investigation-hero__title no-sp">
  55.         <img src="{{ asset('assets/img/investigation/investigation_title.png') }}" alt="最新人気機器が驚き価格"></h2>
  56.       <p class="p-investigation-hero__text"><span class="color-red"><span class="js-text-area"></span></span>での入替え・<br class="only-sp">新設工事は業務用エアコン専門店の<br class="no-sp">エアコンワークにお任せください！
  57.       </p>
  58.     </div>
  59.     <div class="p-investigation-hero__map">
  60.     <img id="NoMap" src="{{ asset('assets/img/investigation/no-image.png') }}" alt="no-image">
  61.     {% set Areas = CustomizeArea() %}
  62.     {% if Areas|length > 0 %}
  63.     {% for Area in Areas %}
  64.     {% set Areas = "" %}
  65.     {% set Areas = Area.area_id  %}
  66.     <img id="imgMap" src="{{ asset("assets/img/area_img/" ~ Areas ~ ".png") }}" alt="{{ Area.area_name }}" onerror="this.remove()">
  67.     {% endfor %}
  68.     {% endif %}
  69.     </div>
  71.   </div>
  72. </div>
  74. <div class="c-section">
  75.     <p><span class="js-text-area"></span>で業務用エアコンの設置をご検討されているお客様<br>
  76.         当社エアコンワークのホームページをご覧いただきましてありがとうございます。<br>
  77.         エアコンワークは、業務用エアコンの販売・工事・アフターフォローまで一貫して承っております。<br>
  78.         お客様にとって満足していただくお見積りを提出するために、現地調査からお見積りまで無料で行っております。<br>
  79.         当社では専任担当制を設けておりますので、お打ち合わせ時にご要望などお気軽にご相談ください。
  80.     </p>
  81. </div>
  83. <div id="free_gentyou">
  84.     <h2>
  85.         <i class="icon_size">
  86.             <svg>
  87.                 <use xlink:href="/html/template/airconwork/assets/img/ico/ico_free.svg#obj"></use>
  88.             </svg>
  89.         </i><span class="js-text-area"></span>の無料現場調査
  90.     </h2>
  91.     
  92.     <div class="bk_yellow">
  93.         <p>お客様にとって満足していただくお見積りをお出しするために、当社専任担当が現場に向かいお打ち合わせさせていただきます。<br>
  94.         何が必要で何が必要でないか当社専任担当が現場を確認して、じっくり打ち合わさせていただきご予算の中でどのような工事が可能かご提案いたします。<br>
  95.         お客様とお会いしてお話させていただくことによりお客様にご納得いただける価格と工事が可能になります。<br>
  96.         エアコンワークはお客様との信頼関係を大切にしていきたいと考えています。</p>
  97.         <div class="free_img">
  98.             <p>
  99.                 <picture>
  100.                     <source srcset="{{ asset('assets/img/investigation/list_img_sp.png') }}" media="(max-width: 599px)">
  101.                     <!--SP -->
  102.                     <img src="{{ asset('assets/img/investigation/list_img.png') }}" alt="現場調査時のポイント/搬入出経路の確認/電源の有無/配管＆配線ルートの確認/設置場所や設置環境の確認/その他" width="385" height="335">
  103.                 </picture>
  104.             </p>
  105.             <p>
  106.                 <picture>
  107.                     <source srcset="{{ asset('assets/img/investigation/sales_img_sp.png') }}" media="(max-width: 599px)">
  108.                     <!--SP -->
  109.                     <img src="{{ asset('assets/img/investigation/sales_img.png') }}" alt="追加料金の発生しない、確実なお見積りを提出します" width="478" height="335">
  110.                 </picture>
  111.             </p>
  112.         </div>
  113.         <div class="free_end">
  114.             <p>お見積りは<span>無料</span>！<br>お気軽にお問合せください</p>
  115.         </div>
  116.     </div>
  117.     
  118.     <div class="banner_link">
  119.         <ul>
  120.             <li>
  121.                 <a href="/manager" class="">
  122.                     <p>
  123.                         <img src="{{ asset('assets/img/investigation/banner_01.png') }}" alt="専任担当制ページへ" width="310" height="160">
  124.                         ＞専任担当制
  125.                     </p>
  126.                 </a>
  127.             </li>
  128.             <li>
  129.                 <a href="/guarantee" class="">
  130.                     <p>
  131.                         <img src="{{ asset('assets/img/investigation/banner_02.png') }}" alt="10年ツイン保証ページへ" width="310" height="160">
  132.                         ＞10年ツイン保証
  133.                     </p>
  134.                 </a>
  135.             </li>
  136.             <li>
  137.                 <a href="/payment" class="">
  138.                     <p>
  139.                         <img src="{{ asset('assets/img/investigation/banner_03.png') }}" alt="お支払い方法ページへ" width="310" height="160">
  140.                         ＞お支払い方法
  141.                     </p>
  142.                 </a>
  143.             </li>
  144.             <li>
  145.                 <a href="/price" class="">
  146.                     <p>
  147.                         <img src="{{ asset('assets/img/investigation/banner_04.png') }}" alt="工事標準価格表ページへ" width="310" height="160">
  148.                         ＞工事標準価格表
  149.                     </p>
  150.                 </a>
  151.             </li>
  152.             <li>
  153.                 <a href="/flow" class="">
  154.                     <p>
  155.                         <img src="{{ asset('assets/img/investigation/banner_05.png') }}" alt="設置までの流れページへ" width="310" height="160">
  156.                         ＞設置までの流れ
  157.                     </p>
  158.                 </a>
  159.             </li>
  160.             <li>
  161.                 <a href="/voice" class="">
  162.                     <p>
  163.                         <img src="{{ asset('assets/img/investigation/banner_06.png') }}" alt="お客様の声ページへ" width="310" height="160">
  164.                         ＞お客様の声
  165.                     </p>
  166.                 </a>
  167.             </li>
  168.         </ul>
  169.     </div>
  170. </div>
  172. <section id="gentyou" class="p-top-products c-section">
  173.     <div class="c-inner">
  174.         <h2 class="c-title-02">
  175.             <span class="s-text">機器カテゴリー</span>
  176.         </h2>
  177.         <ul class="c-grid col5 p-top-products__cat">
  178.             <li>
  179.                 <a href="/products/list?category_ids[]=52&category_id=52" class="c-card-02">
  180.                     <div class="c-card-02__thum s-01"><img src="{{ asset('assets/img/common/img_pro_52.png') }}" alt=""></div>
  181.                     <p class="c-card-02__link">
  182.                         <span class="s-text">天井カセット<br class="no-pc">4方向</span>
  183.                         <i class="s-icon">
  184.                             <svg><use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use></svg>
  185.                         </i>
  186.                     </p>
  187.                 </a>
  188.             </li>
  189.             <li>
  190.                 <a href="/products/list?category_ids[]=53&category_id=53" class="c-card-02">
  191.                     <div class="c-card-02__thum s-02"><img src="{{ asset('assets/img/common/img_pro_53.png') }}" alt=""></div>
  192.                     <p class="c-card-02__link">
  193.                         <span class="s-text">天井カセット<br class="no-pc">2方向</span>
  194.                         <i class="s-icon">
  195.                             <svg><use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use></svg>
  196.                         </i>
  197.                     </p>
  198.                 </a>
  199.             </li>
  200.             <li>
  201.                 <a href="/products/list?category_ids[]=54&category_id=54" class="c-card-02">
  202.                     <div class="c-card-02__thum s-03"><img src="{{ asset('assets/img/common/img_pro_54.png') }}" alt=""></div>
  203.                     <p class="c-card-02__link">
  204.                         <span class="s-text">天井カセット<br class="no-pc">1方向</span>
  205.                         <i class="s-icon">
  206.                             <svg><use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use></svg>
  207.                         </i>
  208.                     </p>
  209.                 </a>
  210.             </li>
  211.             <li>
  212.                 <a href="/products/list?category_ids[]=58&category_id=58" class="c-card-02">
  213.                     <div class="c-card-02__thum s-04"><img src="{{ asset('assets/img/common/img_pro_58.png') }}" alt=""></div>
  214.                     <p class="c-card-02__link">
  215.                         <span class="s-text">天井吊り形</span>
  216.                         <i class="s-icon">
  217.                             <svg><use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use></svg>
  218.                         </i>
  219.                     </p>
  220.                 </a>
  221.             </li>
  222.             <li>
  223.                 <a href="/products/list?category_ids[]=59&category_id=59" class="c-card-02">
  224.                     <div class="c-card-02__thum s-05"><img src="{{ asset('assets/img/common/img_pro_59.png') }}" alt=""></div>
  225.                     <p class="c-card-02__link">
  226.                         <span class="s-text">壁掛け形</span>
  227.                         <i class="s-icon">
  228.                             <svg><use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use></svg>
  229.                         </i>
  230.                     </p>
  231.                 </a>
  232.             </li>
  233.             <li>
  234.                 <a href="/products/list?category_ids[]=60&category_id=60" class="c-card-02">
  235.                     <div class="c-card-02__thum s-06"><img src="{{ asset('assets/img/common/img_pro_60.png') }}" alt=""></div>
  236.                     <p class="c-card-02__link">
  237.                         <span class="s-text">床置き形</span>
  238.                         <i class="s-icon">
  239.                             <svg><use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use></svg>
  240.                         </i>
  241.                     </p>
  242.                 </a>
  243.             </li>
  244.             <li>
  245.                 <a href="/products/list?category_ids[]=56&category_id=56" class="c-card-02">
  246.                     <div class="c-card-02__thum s-07"><img src="{{ asset('assets/img/common/img_pro_56.png') }}" alt=""></div>
  247.                     <p class="c-card-02__link">
  248.                         <span class="s-text">ビルトイン形</span>
  249.                         <i class="s-icon">
  250.                             <svg><use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use></svg>
  251.                         </i>
  252.                     </p>
  253.                 </a>
  254.             </li>
  255.             <li>
  256.                 <a href="/products/list?category_ids[]=57&category_id=57" class="c-card-02">
  257.                     <div class="c-card-02__thum s-08"><img src="{{ asset('assets/img/common/img_pro_57.png') }}" alt=""></div>
  258.                     <p class="c-card-02__link">
  259.                         <span class="s-text">ダクト形</span>
  260.                         <i class="s-icon">
  261.                             <svg><use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use></svg>
  262.                         </i>
  263.                     </p>
  264.                 </a>
  265.             </li>
  266.             <li>
  267.                 <a href="/products/list?category_ids[]=55&category_id=55" class="c-card-02">
  268.                     <div class="c-card-02__thum s-09"><img src="{{ asset('assets/img/common/img_pro_55.png') }}" alt=""></div>
  269.                     <p class="c-card-02__link">
  270.                         <span class="s-text">天井吊り形<br class="no-pc">4方向</span>
  271.                         <i class="s-icon">
  272.                             <svg><use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use></svg>
  273.                         </i>
  274.                     </p>
  275.                 </a>
  276.             </li>
  277.             <li>
  278.                 <a href="/products/list?category_ids[]=132&category_id=132" class="c-card-02">
  279.                     <div class="c-card-02__thum s-10"><img src="{{ asset('assets/img/common/img_pro_132.png') }}" alt=""></div>
  280.                     <p class="c-card-02__link">
  281.                         <span class="s-text">厨房用</span>
  282.                         <i class="s-icon">
  283.                             <svg><use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use></svg>
  284.                         </i>
  285.                     </p>
  286.                 </a>
  287.             </li>
  288.           </ul>
  289.         
  290.           <h3 class="c-title-04">メーカーから選ぶ</h3>
  291.           <ul class="c-grid col5 p-top-products__maker">
  292.             <li>
  293.               <a href="/products/list?category_ids[]=2&category_id=2" class="c-card-03">
  294.                 <div class="c-card-03__thum">
  295.                   <img src="{{ asset('assets/img/common/img_logo_daikin.png') }}" alt="">
  296.                 </div>
  297.                 <p class="c-link-02"><i class="s-icon">
  298.                     <svg>
  299.                       <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  300.                     </svg>
  301.                   </i><span class="s-text">ダイキン</span></p>
  302.               </a>
  303.             </li>
  304.             <li>
  305.               <a href="/products/list?category_ids[]=31" class="c-card-03">
  306.                 <div class="c-card-03__thum">
  307.                   <img src="{{ asset('assets/img/common/img_logo_mitsubishi.png') }}" alt="">
  308.                 </div>
  309.                 <p class="c-link-02"><i class="s-icon">
  310.                     <svg>
  311.                       <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  312.                     </svg>
  313.                   </i><span class="s-text">三菱電機</span></p>
  314.               </a>
  315.             </li>
  316.             <li>
  317.               <a href="/products/list?category_ids[]=21" class="c-card-03">
  318.                 <div class="c-card-03__thum">
  319.                   <img src="{{ asset('assets/img/common/img_logo_hitachi.png') }}" alt="">
  320.                 </div>
  321.                 <p class="c-link-02"><i class="s-icon">
  322.                     <svg>
  323.                       <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  324.                     </svg>
  325.                   </i><span class="s-text">日立</span></p>
  326.               </a>
  327.             </li>
  328.             <li>
  329.               <a href="/products/list?category_ids[]=11" class="c-card-03">
  330.                 <div class="c-card-03__thum">
  331.                   <img src="{{ asset('assets/img/common/img_logo_toshiba.png') }}" alt="">
  332.                 </div>
  333.                 <p class="c-link-02"><i class="s-icon">
  334.                     <svg>
  335.                       <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  336.                     </svg>
  337.                   </i><span class="s-text">東芝</span></p>
  338.               </a>
  339.             </li>
  340.             <li>
  341.               <a href="/products/list?category_ids[]=41" class="c-card-03">
  342.                 <div class="c-card-03__thum">
  343.                   <img src="{{ asset('assets/img/common/img_logo_panasonic.png') }}" alt="">
  344.                 </div>
  345.                 <p class="c-link-02"><i class="s-icon">
  346.                     <svg>
  347.                       <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  348.                     </svg>
  349.                   </i><span class="s-text">パナソニック</span></p>
  350.               </a>
  351.             </li>
  352.           </ul>
  353.         </div>
  354.       </section>
  356. {{ include('Module/area-list.twig') }}
  359. {{ include('Block/new_voice_investigation.twig') }}
  361. <div class="c-section">
  362.   <div class="block-center">
  363.     <a href="{{ url('investigation') }}" class="c-btn-01"><span class="s-text">無料現場調査一覧に戻る</span>
  364.       <i class="s-icon">
  365.         <svg>
  366.           <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  367.         </svg>
  368.       </i>
  369.     </a>
  370.   </div>
  371. </div>
  372. {% endblock %}