商品一覧ページ

このページはサブカテゴリに含まれる商品一覧を表示するページです。ページの情報には以下の画像の通り、最低限必要なパーツを記載しています。
商品ページへと遷移する画面です。統計上、ユーザーは商品ページよりもこのページを最も参照します。

下記レイアウトは参考例ではありますが、そのまま使用してもまったく問題ありません。むしろ、デザインアイディアがない場合はこのままレイアウトしたほうが無難でしょう。
しかし デザイナーのアイディア次第でダイナミックなレイアウトにすることが可能です。

1. 大分類カテゴリ名
   大分類カテゴリ名を表示します。このデータはSEO上、テキストデータがベター。
2. 中分類カテゴリ名
   中分類カテゴリ名を表示します。このデータはSEO上、テキストデータがベター。
3. 並び替え
   表示された商品の並び替えを行います。テキストまたはセレクトボックスが可能。
4. ページ送り
   表示された商品が規定数以上ある場合表示されます。
5. データ表示
   一覧で表示される商品データには商品名、価格、説明文（最初の５０文字）、画像が標準で可能。画像は自動サムネイル生成。その他、アイコンなどもデータ追加で対応可。
   デザインは２列表示だが、３、４列表示は自由。商品表示数は管理ページより設定可。

Ajax技術を使用したレイアウト

以下のデザインレイアウトはAjaxを使用し、ユーザーは毎回商品詳細ページへ遷移しなくても、ダイレクトにショッピングカートに入れることを可能にします。
扱う商品にもよりますが、商品点数が大量にあり、すでにユーザーが商品自体を熟知している業者販売やBtoBサイトにはオススメです。
→わざわざ商品ページに画面移動する必要がありません。（静的に動作します）

画面右下にショッピングカートボックスが自動表示される。カートに入れるボタン1クリックで画面を遷移することなくショッピングカートへ