app/template/akracing/Block/contents_overture.twig line 1

Open in your IDE?
  1. {# id は 任意で設定してください。#}
  2. <div id="" class="ak-product_contents_original">
  3.     <div class="ak-inner">
  4.         <div class="contents_header">
  5.             <h2>”静寂の中から生まれる新しい音”をコンセプトにデザイン</h2>
  6.         </div><!-- contents_header -->
  7.         <div class="contents_body">
  8.             <h3 class="center"><span>豊富なカラーバリエーション</span></h3>
  9.             <p>本製品の大きな魅力はその豊富なカラーバリエーションです。ベーシックなブラックとホワイト、ゲーミングチェアらしいレッドとブルーに加え、個性を主張するパープルとピンクという計6色展開となっており、好みと設置場所に合わせて選択できます。黒を基調としたボディにグレイの差し色とパイピングが施されたカラーパーツがエッジ部分を彩り、シンプルでありながらもインパクトの強いデザインを生み出すことに成功しています。</p>
  10.             <p><img src="{{ asset('product/overture/color.webp', 'user_data') }}" alt=""></p>
  11.         </div><!-- contents_body" -->
  12.         
  13.         <div class="contents_body">
  14.             <h3 class="center"><span>定評あるAKRacingゲーミングチェアの基本設計を踏襲</span></h3>
  15.             <p>強度と耐久性に優れるメタルフレームの上を、一般的なゲーミングチェアの約1.2倍もの高い密度を誇る(*1)高反発モールドウレタンフォームが覆い、最適化されたクッション性と反発性のバランスによって長時間着座姿勢を取っていても疲労が溜まりにくくなっています。 尚、張地には経年使用による劣化に強い高品質PUレザーを使用ています。</p>
  16.             <p><img src="{{ asset('product/overture/frame.webp', 'user_data') }}" alt=""></p>
  17.         </div><!-- contents_body" -->
  18.         
  19.         <div class="contents_body">
  20.             <h3 class="center"><span>リラックス時にも発揮する快適性向上機能</span></h3>
  21.             <p>リラックス時に便利な180°リクライニング機能、座面昇降機能、アームレスト昇降機能、ロッキング機能といった各種の調整機能や快適性向上機能も引き続き搭載しています。</p>
  22.             <p><img src="{{ asset('product/overture/reclining.webp', 'user_data') }}" alt=""></p>
  23.         </div><!-- contents_body" -->
  24.         
  25.         
  26.     </div><!-- ak-inner -->
  27. </div><!-- ak-product_contents_original -->
  28. {#
  29. 画像の管理に関して
  30. https://doc4.ec-cube.net/design_img
  31. imgフォルダ内のhoge.pngを表示したい場合
  32. <img src="/html/user_data/assets/img/hoge.png" alt="hoge">
  33. 以下の書き方も可能です。
  34. <img src="{{ asset('assets/img/hoge.png','user_data') }}" alt="hoge">
  35. #}