記事1の説明文。テキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキスト。
記事2の説明文。テキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキスト。
記事3の説明文。テキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキスト。
商品1の説明文。テキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。
商品2の説明文。テキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。
商品3の説明文。テキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。
商品1の説明文。テキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。
商品2の説明文。テキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。
商品3の説明文。テキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。
商品4の説明文。テキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。
商品5の説明文。テキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。
商品6の説明文。テキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。
全てのh2を目次対象としております。
モーダル部分は自由入力です。
拡大画像を表示させたいときは、モーダル部分に大きな画像を配置します。 ↑と同じなのでテキストなども挿入できます。
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
画像クリックで拡大画像が表示されるよう改良しました。 拡大表示用に大きいサイズの画像を配置してください。
.org_tag_slider01 をデフォルトでmax-width:350px にしています。
ここの値を変更するとサイズが変わります。
ただし、開発ツール上で変えても上手くいかない可能性があります。
※jsで動かしている関係です
・横スクロールテーブルは、thタグの”min-width”に適切な値を入力してください。
・この値の足し算で全体の横幅が決まります。
・1列目を固定したい場合は、tr内の1番目のth,tdに、position:sticky; を指定してください。
※1列目の指定方法は例えば、.org_tag_table_sticky th:nth-of-type(1) です。
注意点 | 画像 | スコア | 人気 | ポイント |
---|---|---|---|---|
掲載価格が割引適用後の価格 | ★★★★★ | 1位 | 料金表に「友人を1名以上紹介した場合の価格」などが記載されており、実際の金額より安い条件付きの割引適用後の価格を記載。 | |
商品B | ★★★★ | 2位 | テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト | |
商品C | ★★★★ | 3位 | テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト | |
商品D | ★★★★ | 4位 | テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト |
全長 | 1785mm |
---|---|
全幅 | 580mm |
重量 | 33.1kg |
乗車適応身長(大人) | 142cm以上 |
サドル最大高さ | 86.5cm |
サドル最小高さ | 73cm |
変速段数 | 3段 |
充電時間 | 約4.0時間 |
1充電あたりの最大走行距離 | 強:51km/スマートパワーモード:58km/オートエコモード+:75km フロントバスケット |
フロントバスケット | ✔ |
付属品 | 不明 |
走行モード | 強モード、スマートパワーモード、オートエコモードプラス、アシストオフモード |
低床フレーム | 不明 |
充電方法 | 専用スタンド |
・列(.org_tag_table02__item) の min-width を変更することで各列の幅を変えられます。
・各行(.org_tag_table02__col) にはスタイルを適用にしていないので、独自スタイルを充ててください。
・各行(.org_tag_table02__col) は、div を h3 など別なタグに変更しても問題ありません。
説明文。テキストテキストテキストテキストテキストテキストテキストテキストテキスト。
説明文。テキストテキストテキストテキストテキストテキストテキストテキストテキスト。
説明文。テキストテキストテキストテキストテキストテキストテキストテキストテキスト。
説明文。テキストテキストテキストテキストテキストテキストテキストテキストテキスト。
説明文。テキストテキストテキストテキストテキストテキストテキストテキストテキスト。
説明文。テキストテキストテキストテキストテキストテキストテキストテキストテキスト。
説明文。テキストテキストテキストテキストテキストテキストテキストテキストテキスト。
タップすると拡大します
×CLOSE