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

Open in your IDE?
  1. {# id は 任意で設定してください。#}
  2. <div id="" class="ak-product_contents_original">
  3.     <div class="ak-inner">
  4.         
  5.         <div class="contents_header">
  6.         <h2>伝統ある在阪プロ野球団である阪神タイガースとコラボした阪神タイガースチェア</h2>
  7.         </div><!-- contents_header -->
  8.         <div class="contents_body">
  9.             <p><img src="/html/user_data/product/Tigers/kv_Tigers.jpg" alt=""></p>
  10.             <h3>ヘッドレストは大型のタイプを採用</h3>
  11.             <p>機能面でも、スポーツスタジアムや公共施設への導入実績が証明するAKRacingチェアの快適な座り心地を活かした設計となっています。フルフラットリクライニング機能や昇降式アームレスト、体圧分散効果のあるモールドウレタンフォーム製クッション材など、AKRacingチェアを特徴づける機能を搭載しています。ヘッドレストには従来モデルに比べ大型のタイプを採用することで、特にリクライニング機能使用時によりリラックスした姿勢が得られるようになっています。日常のデスクワークにも、自宅での野球観戦にも場面を問わずシーティング環境をグレードアップしてくれます。</p>
  12.         </div><!-- contents_body" -->
  13.         
  14.         <div class="contents_body">
  15.             <div class="ak-table">
  16.                 <table class="table table_02 pcLayout">
  17.                 <tbody>
  18.                     <tr>
  19.                     <th>型番</th>
  20.                     <td>AKR-HANSHIN/TIGERS</td>
  21.                     </tr>
  22.                     <tr>
  23.                     <th>JAN/UPC</th>
  24.                     <td>4549584383360</td>
  25.                     </tr>
  26.                    
  27.                 </tbody>
  28.                 </table>
  29.             </div><!-- ak-table -->
  30.         </div><!-- contents_body" -->
  31.         
  32.         
  33.     </div><!-- ak-inner -->
  34. </div><!-- ak-Colors_Model -->
  35. <div id="functions" class="ak-product_contents">
  36.     <div class="ak-inner">
  37.         <div class="contents_header">
  38.             <h2><img src="{{ asset('assets/img/product/title/functions.png') }}" alt="Functions"><span>シリーズの機能</span></h2>
  39.         </div><!-- contents_header -->
  40.         <div class="contents_body">
  41.             <ul>
  42.                 <li>
  43.                     <img src="/html/user_data/product/Tigers/tigers_3.jpg" alt="">
  44.                     <h3>高さ調整機能</h3>
  45.                     <p>座面下のレバーを引き上げて高さを調節できます。希望の高さになったらレバーを離します。</p>
  46.                 </li>
  47.                 <li>
  48.                     <img src="/html/user_data/product/Tigers/tigers_4.jpg" alt="">
  49.                     <h3>リクライニング機能</h3>
  50.                     <p>座って右側のレバーを引き上げます。希望の角度になったらレバーを離します。作業途中にリラックスしたい時に最適です。</p>
  51.                 </li>
  52.                 <li>
  53.                     <img src="/html/user_data/product/Tigers/tigers_1.jpg" alt="">
  54.                     <h3>チームロゴの刺繍</h3>
  55.                     <p>背もたれ中央にTigers ロゴ、座面部分に阪神タイガースチームロゴが刺繍加工で施されています。</p>
  56.                 </li>
  57.                     <li>
  58.                     <img src="/html/user_data/product/Tigers/tigers_2.jpg" alt="">
  59.                     <h3>取り外し可能なランバーサポート/ヘッドレスト</h3>
  60.                     <p>長時間座っていても疲れにくい姿勢をサポートします。ヘッドレストには従来モデルに比べ大型のタイプを採用しています。</p>
  61.                 </li>
  62.                 
  63.                 <li>
  64.                     <img src="/html/user_data/product/dragons/img06.webp" alt="">
  65.                     <h3>CLASS4ガスシリンダー</h3>
  66.                     <p>国際的第三者機関であるLGAよりDIN 4550の基準をクリアしているとの認証を受けた安心・安全なシリンダーです。</p>
  67.                 </li>
  68.                 <li>
  69.                     <img src="/html/user_data/product/dragons/img07.webp" alt="">
  70.                     <h3>PU(ポリウレタン)製 双輪キャスター</h3>
  71.                     <p>床を傷つけにくいPU製のキャスターは転がる時の騒音がほとんどなく、安定感があります。</p>
  72.                 </li>
  73.             
  74.                 
  75.             </ul>
  76.         </div><!-- contents_body" -->
  77.     </div><!-- ak-inner -->
  78. </div><!-- ak-Colors_Model -->
  79. <div id="ak-size_weight" class="ak-product_contents">
  80.     <div class="ak-inner">
  81.         <div class="contents_header">
  82.             <h2><img src="{{ asset('assets/img/product/title/size_weight.png') }}" alt="寸法＆重量"><span>寸法＆重量</span></h2>
  83.         </div><!-- contents_header -->
  84.         <div class="contents_body">
  85.             <div class="sizeTable">
  86.                 <table class="table table_01">
  87.                 <tbody>
  88.                     <tr>
  89.                     <th>椅子の高さ</th>
  90.                     <td>125cm～132cm</td>
  91.                     </tr>
  92.                     <tr>
  93.                     <th>座面幅</th>
  94.                     <td>39cm</td>
  95.                     </tr>
  96.                     <tr>
  97.                     <th>座面奥行</th>
  98.                     <td>52.5cm</td>
  99.                     </tr>
  100.                     <tr>
  101.                     <th>座面厚さ</th>
  102.                     <td>10cm</td>
  103.                     </tr>
  104.                     <tr>
  105.                     <th>座面高さの調節幅</th>
  106.                     <td>30cm～37cm</td>
  107.                     </tr>
  108.                    <tr>
  109.                     <th>地面からのアームレスト高さ</th>
  110.                     <td>57cm～71cm</td>
  111.                     </tr>
  112.                     <tr>
  113.                     <th>背もたれ高さ</th>
  114.                     <td>95cm</td>
  115.                     </tr>
  116.                     <tr>
  117.                     <th>荷重制限</th>
  118.                     <td>150Kg</td>
  119.                     </tr>
  120.                     <tr>
  121.                     <th>本体重量</th>
  122.                     <td>23kg</td>
  123.                     </tr>
  124.                     <tr>
  125.                     <th>梱包時の重量</th>
  126.                     <td>28kg</td>
  127.                     </tr>
  128.                     <tr>
  129.                     <th>箱の寸法</th>
  130.                     <td>88×68×38㎝ <br />*(W) x (D) x (H)</td>
  131.                     </tr>
  132.                 </tbody>
  133.                 </table>
  134.             </div><!-- .sizeTable -->
  135.             <div class="sizeImage">
  136.             <p>
  137.                 <img src="/html/user_data/product/Tigers/size_tigers.jpg" alt="" class="spnone">
  138.                 <img src="/html/user_data/product/Tigers/size_tigers.jpg" alt="" class="pcnone">
  139.             </p>
  140.             </div><!-- sizeImage -->
  141.         </div><!-- contents_body" -->
  142.     </div>
  143. </div>
  144. {#
  145. 画像の管理に関して
  146. https://doc4.ec-cube.net/design_img
  148. imgフォルダ内のhoge.pngを表示したい場合
  149. <img src="/html/user_data/assets/img/hoge.png" alt="hoge">
  150. 以下の書き方も可能です。
  151. <img src="{{ asset('assets/img/hoge.png','user_data') }}" alt="hoge">
  152. #}