Swipe List(スマートフォン専用)

SwipeListのご紹介

EC-CUBE PLUGIN CONTEST 2012 予選通過作品です。

SwipeListEC-CUBEデフォルトのスマートフォン商品一覧では商品が縦に並び、上下スクロールで移動し商品詳細に遷移する形となっています。

SwipeListを導入いただくと商品一覧の各商品をスワイプ(画面を左・右になでる操作)で切り替えられます。
商品を切り替えて表示するので写真を少し大きく表示し、商品一覧から直接かごに入れることができるようになっています。

※スマートフォン専用プラグインです。


SwipeListサンプル

 

QRコードからテストサーバのSwipeListをご確認いただけます。
※スマートフォンよりアクセスしてください。

swipelistテストサーバQRコード http://ectst.gizmo.co.jp/products/list.php?category_id=11

SwipeListのインストールと設定

SwipeListはEC-CUBE・オーナーズストアよりダウンロードいただけます。
ダウンロードしたSwipeListをEC-CUBE管理画面の オーナーズストア > プラグイン管理 よりインストールしてください。

※ダウンロードしたSwipeListは解凍せず、.tar.gzのままで「ファイルを選択」より読み込み、「インストール」を押してください
 

オーナーズストア>プラグイン管理のSwipeList:商品一覧スワイプ表示(スマートフォン専用)「プラグイン設定」よりプラグインを設定します。

  • 商品一覧で一度に読み込む商品数 : 一度に読み込む(スワイプ操作で切り替えられる)商品数を入力します。あまり大きくすると動作が重くなりますのでご注意ください。
  • 商品一覧表示CSS : SwipeList商品一覧のCSSです。

設定終了しましたら、プラグインを有効化してください。

SwipeList設定新規