osCommerceにAjaxを実装

Posted by プロジェクトリーダー on 2006年06月10日 土曜日 18:14:36

osCommerceにAjaxを組み込みしました。
Ajaxは非同期通信と言うだけあって、ECサイトの場合どの部分にAjax技術を組み込むかでミーティングした結果、ユーザビリティー重視で
トップページと商品一覧ページに決定。
その1 BOXのグループ化
オンラインデモ

・新着商品BOX
・ニュースBOX
・お買い得商品BOX
・商品レビューBOX

トップページに上記4つのコンテンツBOXを1つのBOXにグループ化し、タブをクリックすることでJavascriptからPHPにデータが送信され結果を静的に返す。ページをリロードすることなくコンテンツ露出度を上げることができる。
※Ajaxを使用しない場合は1度に4つのBOXを呼び出す必要がるため表示に時間が掛かる。

その2 今すぐ購入!
オンラインデモ

カートに入れるボタンをクリックすると本来であればショッピングカートのページに転送されてしまうが、カートに入れるボタンをクリックした瞬間にバックエンドプログラムによってカートに入れる処理を行っているためページをリロードする必要がなくなる。同時にヘッダーにあるショッピングカートボタンの右側にカート内に履いている商品金額合計がリアルタイムに計算される。
商品が少ないショップなら気にならないが、数千点規模のショップの場合、ユーザーは商品購入毎にページが変わってしまう手間を防止することが目的。応用次第では、商品詳細ページに行くことなくこのページ内でお買い物を簡潔することも可能。

osCommerceは1商品1ページが基本となっているため、Ajaxを実装してもSEO的には問題ない。

関連する記事

One Response to “osCommerceにAjaxを実装”

  1. klaus seemann:

    hello, i am from germany and my english is not so good.

    can you say me how many cost your oscommerce-ajax store or is this a feature what i can build in my own store ?

    thanks

    klaus seemann

コメントを投稿