EC-CUBE のスマートフォン対応
最終更新日 2011/12/18
EC-CUBE(イーシーキューブ)のスマートフォン表示対応についてです。
EC-CUBE とは、オープンソース(自由なカスタマイズが可能)の EC サイト(オンラインショップ)構築システムです。
レンタルサーバーに設置して利用することができます。(ワンクリックインストールに対応しているレンタルサーバーもあります)
公式サイトには、スマートフォンでの操作性を解説するビデオが用意されています。
スマートフォン用のデモサイトも用意されているので、早速アクセスしてみたいと思います。実機でのアクセスには、XPERIA acro IS11S を使用します。
上の画像は、スマートフォン用デモサイトの商品詳細ページです。
動画でも解説されていますが、ログイン情報やカートの中身などがページを移動することなく確認できます。
商品に関する複数の写真も確認できます。
スポンサーリンク
商品ページを下へ進むと、商品のオプションを選択してカートに入れる画面が表示されます。
商品のオプションを選択して、カートに入れる動作もスムーズに実行することができました。
関連カテゴリはリンクになっていて、関連商品に移動することができます。
商品ページを更に下へ進むと、折りたたみ式の商品情報が表示されます。
拡大できる写真も含めて、大変見やすい商品説明が作成されています。
商品ページを更に下へ進むと、折りたたみ式の「その他のオススメ商品」が表示されます。
その他のオススメ商品も、横スクロールから選択することができます。
ページ下部には、検索ボックスや MY ページ/お気に入り/カート/HOME/新規会員登録などのボタンも用意されています。
個人的には、商品情報も見やすくてショッピングもしやすい印象を受けました。
ソースコードは、HTML5/CSS3 標準対応です。グラデーション/ドロップシャドウ/角丸などが、画像ではなく CSS3 によりデザインされています。
カスタマイズには知識が必要ですが、その分自由な運営が可能です。
公式サイトでは EC-CUBE が使えるレンタルサーバーや、カスタマイズができる制作会社も紹介されています。
簡単に導入できる決済モジュールや、お得に導入できる物流サービスも紹介されています。
構築事例も数多く紹介されているので、導入をご検討中の方は公式サイトでご確認ください。
スポンサーリンク