app/template/akracing/Block/contents_gyokuza_v2.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>AKRacingゲーミングチェア”Pro-X”の基本設計を踏襲した座椅子“極坐”</span></h3>
  9.             <p><img src="{{ asset('product/gyokuza/logo.webp', 'user_data') }}" alt=""></p>
  10.             <p>“極坐(ぎょくざ:GYOKUZA)”は、座り心地に最も大きく影響する座面と背もたれはAKRacingのハイエンドデスクチェア”Pro-X”シリーズの基本設計を踏襲し、クッション材として独自設計された肉厚のモールドウレタンフォームを使用しているため、体圧を適正に分散し長時間座っていても疲労が溜まりにくくなっています。</p>
  11.             <p>全体的に余裕を持たせたサイズに設計されているため、膝を曲げた状態でも伸ばした状態でも快適な着座姿勢を得ることができ、また身長180cmを超えるような大柄な男性でもゆったりと座ることが可能です。</p>
  12.             
  13.         </div><!-- contents_body" -->
  15.         <div class="contents_body">
  16.             <h3 class="center"><span>カラーは選べる4色を展開</span></h3>
  17.             <p class="center">カラーはビビッドな配色の赤、クールな印象の青、落ち着きあるグレー、ホワイトの4色展開となっており、利用環境に応じて選択可能です。<br>*極坐V2 ホワイトの配色は白x紺になります。</p>
  18.             <p><img src="{{ asset('product/gyokuza/main.webp', 'user_data') }}" alt=""></p>
  19.         </div><!-- contents_body" --> 
  21.         <div class="contents_body">
  22.             <h3 class="center"><span>取り外し可能なヘッドレスト・ランバーサポート付属</span></h3>
  23.             <p class="center">付属のヘッドレストとランバーサポートは頭と腰をしっかりと支え、一定の姿勢を保って作業に集中することができます。</p>
  24.             <p><img src="{{ asset('product/gyokuza/lumbersupport.webp', 'user_data') }}" alt=""></p>
  25.         </div><!-- contents_body" --> 
  27.         <div class="contents_body">
  28.             <h3 class="center"><span>360°回転台</span></h3>
  29.             <p class="center">ベース部分は360°の回転式になっているため座ったままで楽に向きを変えることができます。</p>
  30.             <p><img src="{{ asset('product/gyokuza/360.webp', 'user_data') }}" alt=""></p>
  31.         </div><!-- contents_body" --> 
  33.         <div class="contents_body">
  34.             <h3 class="center"><span>フラットポジションまでアジャスト可能なリクライニング機能</span></h3>
  35.             <p class="center">デスクチェア製品と同様リクライニング機能も搭載しており、フラットポジション付近まで調整が可能なため、ゲームや作業の合間にリラックスしたい場合にも最適です。</p>
  36.             <p><img src="{{ asset('product/gyokuza/reclining.webp', 'user_data') }}" alt=""></p>
  37.         </div><!-- contents_body" --> 
  39.         <div class="contents_body">
  40.             <h3 class="center"><span>回転・前後・昇降による位置調整が可能なアームレスト</span></h3>
  41.             <p class="center">アームレストは可動式となっており前後・回転による位置調整と高さ調整が可能なので、マウスやキーボードの使用時に最適なポジションを得ることができます。</p>
  42.             <p><img src="{{ asset('product/gyokuza/arm.webp', 'user_data') }}" alt=""></p>
  43.         </div><!-- contents_body" --> 
  45.         <div class="contents_body">
  46.             <h3 class="center"><span>張地には耐久性に優れる高品質PUレザーを使用、メンテナンスも容易</span></h3>
  47.             <p class="center">張地には経年劣化に強い高品質PUレザーを採用しており、柔らかな肌触りと美しい質感を持ち、汚れたときのメンテナンスも簡単です。</p>
  48.             <p><img src="{{ asset('product/gyokuza/puleather.webp', 'user_data') }}" alt=""></p>
  49.         </div><!-- contents_body" --> 
  51.     </div><!-- ak-inner -->
  52. </div><!-- ak-Colors_Model -->
  54. {#
  55. 画像の管理に関して
  56. https://doc4.ec-cube.net/design_img
  58. imgフォルダ内のhoge.pngを表示したい場合
  59. <img src="/html/user_data/assets/img/hoge.png" alt="hoge">
  60. 以下の書き方も可能です。
  61. <img src="{{ asset('assets/img/hoge.png','user_data') }}" alt="hoge">
  62. #}