app/template/airconwork/Block/header.twig line 337

Open in your IDE?
  1. <div class="c-inner">
  2. <div class="l-header__top">
  3. <div class="l-header-logo">
  4. <a href="{{ url('homepage') }}">
  5. <img src="{{ asset('assets/img/common/logo.svg') }}" alt="エアコンワーク" width="300" height="39">
  6. </a>
  7. </div>
  8. <h1 class="l-header-text">業務用エアコン機器販売・入替工事・新設工事はお任せください<br>
  9. {% block h1 %}
  10. {% if app.request.get('_route') == 'homepage' %}{% else %}{{ title }}のページ{% endif %}
  11. {% endblock %}
  12. </h1>
  13. <ul class="l-gnav-cv">
  14. <li class="l-gnav-cv__item s-tel">
  15. <a href="tel:0120-173-119" class="c-cv-tel">
  16. <p class="s-text-01">
  17. <i class="s-icon">
  18. <svg>
  19. <use xlink:href="{{ asset('assets/img/ico/ico_tel.svg#obj') }}"></use>
  20. </svg>
  21. </i>
  22. <i class="s-sp-icon">
  23. <img src="{{ asset('assets/img/ico/ico_tel.png') }}" alt="フリーダイヤルアイコン" width="68" height="68">
  24. </i>
  25. <span class="s-tel">0120-173-119</span>
  26. </p>
  27. <p class="s-text-02">
  28. <span class="only-pc">受付時間 9:00～19:00(土日祝除く)</span>
  29. <span class="no-pc">電話見積り</span>
  30. </p>
  31. </a>
  32. </li>
  33. <li class="l-gnav-cv__item">
  34. {% if app.request.get('_route') == 'voice-dtl' %}
  35. <a href="https://www.airconwork.co.jp/rp/contact.php?page=main&carrier=voice-dtl/{{ Voice.id }}" class="c-cv-btn s-red">
  36. {% elseif app.request.get('_route') == 'product_detail' %}
  37. <a href="https://www.airconwork.co.jp/rp/contact.php?page=main&carrier=products/detail/{{ Product.id }}" class="c-cv-btn s-red">
  38. {% else %}
  39. <a href="https://www.airconwork.co.jp/rp/contact.php?page=main&carrier={{ app.request.get('_route') }}" class="c-cv-btn s-red">
  40. {% endif %}
  41. <span class="s-text">お見積り依頼フォーム</span>
  42. <i class="s-icon">
  43. <svg>
  44. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  45. </svg>
  46. </i>
  47. <i class="s-sp-icon">
  48. <img src="{{ asset('assets/img/ico/ico_web.png') }}" alt="WEB見積りアイコン" width="68" height="68">
  49. </i>
  50. <p class="s-text-02">
  51. <span class="">WEB見積り</span>
  52. </p>
  53. </a>
  54. </li>
  55. <li class="l-gnav-cv__item no-pc">
  56. <a href="https://lin.ee/VlB4HoK" target="_blank" class="c-cv-btn s-line">
  57. <i class="s-sp-icon">
  58. <img src="{{ asset('assets/img/ico/ico_line.png') }}" alt="LINE見積りアイコン" width="68" height="68">
  59. </i>
  60. <p class="s-text-02">
  61. <span class="">LINE見積り</span>
  62. </p>
  63. </a>
  64. </li>
  65. </ul>
  66. </div>
  67. <nav class="l-gnav">
  68. <div class="l-header__inner">
  70. <div class="l-gnav__list current-dir">
  71. <div class="no-pc">
  72. <ul class="c-tab">
  73. <li class="active"><span data-link="#menu_common">共通メニュー</span></li>
  74. <li><span data-link="#menu_product">商品選択</span></li>
  75. </ul>
  76. </div>
  77. <div id="menu_product" class="c-tab-area">
  78. <div class="l-gnav__item parent">
  79. <input id="checkBox_header_subMenu" type="checkbox" name="header_checkBox_menu">
  80. <label class="s-product-list_categoryBtn" for="checkBox_header_subMenu">
  81. <a class="s-product-list">
  82. <span class="s-text">商品一覧</span>
  83. <span class="icon-wrap"><span class="s-icon"></span></span></a>
  84. </label>
  85. <div class="child">
  86. <div class="child__inner">
  87. <div class="child__head">
  88. <h3 class="child__title">
  89. <a href="/products/list" class="c-link-02"><i class="s-icon">
  90. <svg>
  91. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  92. </svg>
  93. </i><span class="s-text">商品一覧</span></a>
  94. </h3>
  95. </div>
  96. <div class="child__body">
  97. <ul class="child__menu">
  98. <li>
  99. <h3 class="child__title-sub only-pc"><span class="s-text">メーカーから選ぶ</span></h3>
  100. <h3 class="child__title-sub js-accordion-title no-pc is-active"><span class="s-text">メーカーから選ぶ</span>
  101. <span class="icon-wrap"><span class="s-icon"></span></span>
  102. </h3>
  103. <ul class="l-gnav-products">
  104. <li>
  105. <a href="/products/list?category_ids[]=2" class="c-card-03">
  106. <div class="c-card-03__thum">
  107. <img src="{{ asset('assets/img/common/img_logo_daikin.png') }}" alt="ダイキンロゴ" width="211" height="47">
  108. </div>
  109. <p class="c-link-02"><i class="s-icon">
  110. <svg>
  111. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  112. </svg>
  113. </i><span class="s-text">ダイキン</span></p>
  114. </a>
  115. </li>
  116. <li>
  117. <a href="/products/list?category_ids[]=31" class="c-card-03">
  118. <div class="c-card-03__thum">
  119. <img src="{{ asset('assets/img/common/img_logo_mitsubishi.png') }}" alt="三菱電機ロゴ" width="211" height="47">
  120. </div>
  121. <p class="c-link-02"><i class="s-icon">
  122. <svg>
  123. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  124. </svg>
  125. </i><span class="s-text">三菱電機</span></p>
  126. </a>
  127. </li>
  128. <li>
  129. <a href="/products/list?category_ids[]=21" class="c-card-03">
  130. <div class="c-card-03__thum">
  131. <img src="{{ asset('assets/img/common/img_logo_hitachi.png') }}" alt="日立ロゴ" width="211" height="47">
  132. </div>
  133. <p class="c-link-02"><i class="s-icon">
  134. <svg>
  135. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  136. </svg>
  137. </i><span class="s-text">日立</span></p>
  138. </a>
  139. </li>
  140. <li>
  141. <a href="/products/list?category_ids[]=11" class="c-card-03">
  142. <div class="c-card-03__thum">
  143. <img src="{{ asset('assets/img/common/img_logo_toshiba.png') }}" alt="東芝ロゴ" width="211" height="47">
  144. </div>
  145. <p class="c-link-02"><i class="s-icon">
  146. <svg>
  147. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  148. </svg>
  149. </i><span class="s-text">東芝</span></p>
  150. </a>
  151. </li>
  152. <li>
  153. <a href="/products/list?category_ids[]=41" class="c-card-03">
  154. <div class="c-card-03__thum">
  155. <img src="{{ asset('assets/img/common/img_logo_panasonic.png') }}" alt="パナソニックロゴ" width="211" height="47">
  156. </div>
  157. <p class="c-link-02"><i class="s-icon">
  158. <svg>
  159. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  160. </svg>
  161. </i><span class="s-text">パナソニック</span></p>
  162. </a>
  163. </li>
  164. </ul>
  165. </li>
  166. <li>
  167. <h3 class="child__title-sub only-pc"><span class="s-text">エアコン形状から選ぶ</span></h3>
  168. <h3 class="child__title-sub js-accordion-title no-pc is-active"><span class="s-text">エアコン形状から選ぶ</span>
  169. <span class="icon-wrap"><span class="s-icon"></span></span>
  170. </h3>
  171. <ul class="l-gnav-products">
  172. <li>
  173. <a href="/products/list?category_ids[]=52" class="c-card-02">
  174. <div class="c-card-02__thum s-01"><img src="{{ asset('assets/img/common/img_pro_52.png') }}" alt="業務用エアコン　天井カセット4方向" width="335" height="209"></div>
  175. <p class="c-card-02__link">
  176. <span class="s-text">天井カセット<br class="no-pc">4方向</span>
  177. <i class="s-icon">
  178. <svg>
  179. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  180. </svg>
  181. </i>
  182. </p>
  183. </a>
  184. </li>
  185. <li>
  186. <a href="/products/list?category_ids[]=53" class="c-card-02">
  187. <div class="c-card-02__thum s-02"><img src="{{ asset('assets/img/common/img_pro_53.png') }}" alt="業務用エアコン　天井カセット2方向" width="915" height="568"></div>
  188. <p class="c-card-02__link">
  189. <span class="s-text">天井カセット<br class="no-pc">2方向</span>
  190. <i class="s-icon">
  191. <svg>
  192. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  193. </svg>
  194. </i>
  195. </p>
  196. </a>
  197. </li>
  198. <li>
  199. <a href="/products/list?category_ids[]=54" class="c-card-02">
  200. <div class="c-card-02__thum s-03"><img src="{{ asset('assets/img/common/img_pro_54.png') }}" alt="業務用エアコン　天井カセット1方向" width="783" height="402"></div>
  201. <p class="c-card-02__link">
  202. <span class="s-text">天井カセット<br class="no-pc">1方向</span>
  203. <i class="s-icon">
  204. <svg>
  205. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  206. </svg>
  207. </i>
  208. </p>
  209. </a>
  210. </li>
  211. <li>
  212. <a href="/products/list?category_ids[]=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="業務用エアコン　天井吊り形" width="358" height="133"></div>
  214. <p class="c-card-02__link">
  215. <span class="s-text">天井吊り形</span>
  216. <i class="s-icon">
  217. <svg>
  218. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  219. </svg>
  220. </i>
  221. </p>
  222. </a>
  223. </li>
  224. <li>
  225. <a href="/products/list?category_ids[]=59" class="c-card-02">
  226. <div class="c-card-02__thum s-05"><img src="{{ asset('assets/img/common/img_pro_59.png') }}" alt="業務用エアコン　壁掛け形" width="480" height="133"></div>
  227. <p class="c-card-02__link">
  228. <span class="s-text">壁掛け形</span>
  229. <i class="s-icon">
  230. <svg>
  231. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  232. </svg>
  233. </i>
  234. </p>
  235. </a>
  236. </li>
  237. <li>
  238. <a href="/products/list?category_ids[]=60" class="c-card-02">
  239. <div class="c-card-02__thum s-06"><img src="{{ asset('assets/img/common/img_pro_60.png') }}" alt="業務用エアコン　床置き形" width="936" height="2776"></div>
  240. <p class="c-card-02__link">
  241. <span class="s-text">床置き形</span>
  242. <i class="s-icon">
  243. <svg>
  244. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  245. </svg>
  246. </i>
  247. </p>
  248. </a>
  249. </li>
  250. <li>
  251. <a href="/products/list?category_ids[]=56" class="c-card-02">
  252. <div class="c-card-02__thum s-07"><img src="{{ asset('assets/img/common/img_pro_56.png') }}" alt="業務用エアコン　ビルトイン形" width="516" height="147"></div>
  253. <p class="c-card-02__link">
  254. <span class="s-text">ビルトイン形</span>
  255. <i class="s-icon">
  256. <svg>
  257. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  258. </svg>
  259. </i>
  260. </p>
  261. </a>
  262. </li>
  263. <li>
  264. <a href="/products/list?category_ids[]=57" class="c-card-02">
  265. <div class="c-card-02__thum s-08"><img src="{{ asset('assets/img/common/img_pro_57.png') }}" alt="業務用エアコン　ダクト形" width="725" height="257"></div>
  266. <p class="c-card-02__link">
  267. <span class="s-text">ダクト形</span>
  268. <i class="s-icon">
  269. <svg>
  270. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  271. </svg>
  272. </i>
  273. </p>
  274. </a>
  275. </li>
  276. <li>
  277. <a href="/products/list?category_ids[]=55" class="c-card-02">
  278. <div class="c-card-02__thum s-09"><img src="{{ asset('assets/img/common/img_pro_55.png') }}" alt="業務用エアコン　天井吊り形4方向" width="942" height="477"></div>
  279. <p class="c-card-02__link">
  280. <span class="s-text">天井吊り形<br class="no-pc">4方向</span>
  281. <i class="s-icon">
  282. <svg>
  283. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  284. </svg>
  285. </i>
  286. </p>
  287. </a>
  288. </li>
  289. <li>
  290. <a href="/products/list?category_ids[]=132" class="c-card-02">
  291. <div class="c-card-02__thum s-10"><img src="{{ asset('assets/img/common/img_pro_132.png') }}" alt="業務用エアコン　厨房用" width="2085" height="1260"></div>
  292. <p class="c-card-02__link">
  293. <span class="s-text">厨房用</span>
  294. <i class="s-icon">
  295. <svg>
  296. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  297. </svg>
  298. </i>
  299. </p>
  300. </a>
  301. </li>
  302. </ul>
  303. </li>
  304. <li>
  305. <h3 class="child__title-sub only-pc"><span class="s-text">省エネ性から選ぶ</span></h3>
  306. <h3 class="child__title-sub js-accordion-title no-pc"><span class="s-text">省エネ性から選ぶ</span>
  307. <span class="icon-wrap"><span class="s-icon"></span></span>
  308. </h3>
  309. <div class="only-pc">
  310. <ul class="l-gnav-products-text">
  311. <li>
  312. <a href="/products/list?category_ids[]=94" class="c-link-02">
  313. <i class="s-icon">
  314. <svg>
  315. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  316. </svg>
  317. </i><span class="s-text">標準エアコン</span></a>
  318. </li>
  319. <li>
  320. <a href="/products/list?category_ids[]=92" class="c-link-02">
  321. <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></a>
  326. </li>
  327. </ul>
  328. </div>
  329. </li>
  330. <li>
  331. <h3 class="child__title-sub only-pc"><span class="s-text">設置場所から選ぶ</span></h3>
  332. <h3 class="child__title-sub js-accordion-title no-pc"><span class="s-text">設置場所から選ぶ</span>
  333. <span class="icon-wrap"><span class="s-icon"></span></span>
  334. </h3>
  335. <div class="only-pc">
  336. <ul class="l-gnav-products-text">
  337. {% set Category = repository('Eccube\\Entity\\Category').find(101) %}
  338. {% set cate_childs = Category.getDescendants %}
  339. {% if cate_childs %}
  340. {% set h = Category.hierarchy + 1 %}
  341. {% for cate in cate_childs %}
  342. {% if h == cate.hierarchy %}
  343. <li>
  344. <a href="/products/list?category_ids[]={{ cate.id }}" class="c-link-02">
  345. <i class="s-icon">
  346. <svg>
  347. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  348. </svg>
  349. </i>
  350. <span class="s-text">{{ cate.name }}</span>
  351. </a></li>
  352. {% endif %}
  353. {% endfor %}
  354. {% endif %}
  356. </ul>
  357. </div>
  358. </li>
  361. </ul>
  362. </div>
  363. </div>
  364. </div>
  365. </div>
  366. </div>
  367. <div id="menu_common" class="c-tab-area is-active">
  368. <div class="l-gnav__item no-pc">
  369. <a href="{{ url('homepage') }}" class="s-link"><span class="s-text">TOPページ</span><i class="s-icon"><svg>
  370. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  371. </svg></i></a>
  372. </div>
  373. <div class="l-gnav__item">
  374. <a href="{{ url('investigation') }}" class="s-link"><span class="s-text">無料現場調査</span><i class="s-icon"><svg>
  375. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  376. </svg></i></a>
  377. </div>
  378. <div class="l-gnav__item">
  379. <a href="{{ url('flow') }}" class="s-link"><span class="s-text">設置までの流れ</span><i class="s-icon"><svg>
  380. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  381. </svg></i></a>
  382. </div>
  383. <div class="l-gnav__item">
  384. <a href="{{ url('price') }}" class="s-link"><span class="s-text">工事標準価格表</span><i class="s-icon"><svg>
  385. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  386. </svg></i></a>
  387. </div>
  388. <div class="l-gnav__item">
  389. <a href="/voice" class="s-link"><span class="s-text">お客様の声</span><i class="s-icon"><svg>
  390. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  391. </svg></i></a>
  392. </div>
  393. <div class="l-gnav__item">
  394. <a href="{{ url('payment') }}" class="s-link"><span class="s-text">お支払方法</span><i class="s-icon"><svg>
  395. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  396. </svg></i></a>
  397. </div>
  398. <!-- ▼only SP/TB -->
  399. <div class="l-gnav__item no-pc"><a href="/blog" class="s-link"><span class="s-text">お役立ち情報</span><i class="s-icon"><svg>
  400. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  401. </svg></i></a></div>
  402. <div class="l-gnav__item no-pc"><a href="{{ url('faq') }}" class="s-link"><span class="s-text">よくある質問</span><i class="s-icon"><svg>
  403. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  404. </svg></i></a></div>
  405. <div class="l-gnav__item no-pc">
  406. <a href="{{ url('maker_info') }}" class="s-link"><span class="s-text">メーカー情報</span><i class="s-icon"><svg>
  407. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  408. </svg></i></a>
  409. </div>
  410. <div class="l-gnav__item no-pc">
  411. <a href="/glossary" class="s-link"><span class="s-text">エアコン辞典</span><i class="s-icon"><svg>
  412. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  413. </svg></i></a>
  414. </div>
  415. <div class="l-gnav__item no-pc">
  416. <a href="{{ url('investigation') }}" class="s-link"><span class="s-text">工事対応エリア</span><i class="s-icon"><svg>
  417. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  418. </svg></i></a>
  419. </div>
  421. <div class="l-gnav__item no-pc"><a href="/news" class="s-link"><span class="s-text">お知らせ</span><i class="s-icon"><svg>
  422. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  423. </svg></i></a></div>
  424. <div class="l-gnav__item no-pc"><a href="{{ url('contact') }}" class="s-link"><span class="s-text">お問い合わせ</span><i class="s-icon"><svg>
  425. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  426. </svg></i></a></div>
  427. <div class="l-gnav__item no-pc"><a href="{{ url('company') }}" class="s-link"><span class="s-text">会社概要</span><i class="s-icon"><svg>
  428. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  429. </svg></i></a></div>
  430. <div class="l-gnav__item no-pc"><a href="{{ url('help_tradelaw') }}" class="s-link"><span class="s-text">特定商取引に関する表記</span><i class="s-icon"><svg>
  431. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  432. </svg></i></a></div>
  433. <div class="l-gnav__item no-pc"><a href="{{ url('help_privacy') }}" class="s-link"><span class="s-text">プライバシーポリシー</span><i class="s-icon"><svg>
  434. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  435. </svg></i></a></div>
  436. <div class="l-gnav__item no-pc"><a href="https://www.airconwork.co.jp/rp/partner/" class="s-link"><span class="s-text">協力会社募集</span><i class="s-icon"><svg>
  437. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  438. </svg></i></a></div>
  439. </div>
  440. </div>
  441. {{ render(path('block_search_product')) }}
  442. </div>
  444. <div class="menu-trigger cursor-hover">
  445. <div class="menu-trigger__button">
  446. <div class="menu-trigger__inner">
  447. <span></span><span></span>
  448. <span></span>
  449. </div>
  450. <p class="s-main font-en">MENU</p>
  451. </div>
  452. </div>
  453. </nav>
  454. </div>