解説
ショッピングサイトのデモページの解説です。
トップページ
Layouter
画像・文字を横並びにしています。
RotateCarousel
自動回転を使用しています。画像幅は端末幅100%に設定しています。
Justify
アイコンを均等配置しています。
BlockLink
タッチしやすいようにリンクを大きくしています。レイアウターを併用し、段組みしています。
Layouter
画像、テキストを縦横整列させています。
SlideBox
タップすると開閉します。コンテンツが縦長にならないよう折りたたんでいます。
Justify
メニューを均等配置しています。
詳細ページ（縦）
RotateCarousel, Layouter
カルーセルとレイアウターを併用しています。
文字と画像の重ね合わせでレイアウターを使用しています。
BlockLink
スタイルを変更することで帯状のボタン風リンクを表示することも可能です。
RotateCarousel
詳細ページ（横）
RotateCarousel, Layouter
横向きの場合はレイアウトを変更しています。