osCommerceにAjaxを実装
Posted by プロジェクトリーダー on 2006年06月10日 土曜日 18:14:36osCommerceに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的には問題ない。
関連する記事
- 2007 osCommerce テンプレート近日公開
- WordPress 2.0
- osCommerceを超えるか!? 次世代ECソリューション ”Magento”
- 支払手続き画面の比較 日米
- リトアニア発 ショッピングカート












12月 10th, 2006 at 21:46:37
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