Cafi Netつながる情報技術

EC-CUBE のスマートフォン対応

最終更新日 2011/12/18

EC-CUBE(イーシーキューブ)のスマートフォン表示対応についてです。

EC-CUBE とは、オープンソース(自由なカスタマイズが可能)の EC サイト(オンラインショップ)構築システムです。

レンタルサーバーに設置して利用することができます。(ワンクリックインストールに対応しているレンタルサーバーもあります)

公式サイトには、スマートフォンでの操作性を解説するビデオが用意されています。

スマートフォン用のデモサイトも用意されているので、早速アクセスしてみたいと思います。実機でのアクセスには、XPERIA acro IS11S を使用します。

EC-CUBE のスマートフォン用デモサイト

上の画像は、スマートフォン用デモサイトの商品詳細ページです。

動画でも解説されていますが、ログイン情報やカートの中身などがページを移動することなく確認できます。

商品に関する複数の写真も確認できます。

商品のオプションを選択

商品ページを下へ進むと、商品のオプションを選択してカートに入れる画面が表示されます。

商品のオプションを選択して、カートに入れる動作もスムーズに実行することができました。

関連カテゴリはリンクになっていて、関連商品に移動することができます。

商品ページを更に下へ進むと、折りたたみ式の商品情報が表示されます。

拡大できる写真も含めて、大変見やすい商品説明が作成されています。

商品ページを更に下へ進むと、折りたたみ式の「その他のオススメ商品」が表示されます。

その他のオススメ商品も、横スクロールから選択することができます。

ページ下部には、検索ボックスや MY ページ/お気に入り/カート/HOME/新規会員登録などのボタンも用意されています。

個人的には、商品情報も見やすくてショッピングもしやすい印象を受けました。

ソースコードは、HTML5/CSS3 標準対応です。グラデーション/ドロップシャドウ/角丸などが、画像ではなく CSS3 によりデザインされています。

カスタマイズには知識が必要ですが、その分自由な運営が可能です。

公式サイトでは EC-CUBE が使えるレンタルサーバーや、カスタマイズができる制作会社も紹介されています。

簡単に導入できる決済モジュールや、お得に導入できる物流サービスも紹介されています。

構築事例も数多く紹介されているので、導入をご検討中の方は公式サイトでご確認ください。