EC-CUBEに売上ランキングを追加する方法

Pocket

EC-CUBEに売上ランキングの機能を追加する方法を紹介します。

EC-CUBEのデフォルトテンプレートにはおすすめ商品を表示することができますが、これだけだとちょっと物足りない感じですよね。一般的なECサイトには売上ランキングや新着商品などのコンテンツが表示されますが、自作するとなるとちょっと難しいかもしれません。

このページでは無料プラグインを使って簡単に売上ランキングを追加する方法を紹介します。プラグインをインストールすればすぐ使えるのでみなさんも試してみて下さい。

EC-CUBE2.13に売上ランキングを追加してみる

最新版は3.0が公開されていますが、ここでは安定板の2.13を使います。プラグインも2.13対応のものを使用します。

新着商品の表示も無料プラグインでできます。方法は以下の記事を参考にしてみてください。
EC-CUBEに新着商品を追加する方法

売上ランキングプラグインをダウンロードする

売上ランキングはPHPクラスを追加することで自作もできるんですが、難易度が高いため、プラグインの使用がおすすめ。ここでは無料で公開されているプラグインを使って機能を追加します。

まずは売上ランキングプラグインをダウンロードしましょう。ダウンロードするにはメンバー登録が必要なので登録しておきます。
EC-CUBEのメンバー登録画面

登録できたら検索フォームか以下のリンクから売上ランキングプラグインのページを表示。
売上ランキングプラグイン
EC-CUBEマーケットで売上ランキングプラグインを探す

プラグインは無料でダウンロードできるので、さっそくダウンロードしてインストールしましょう。インストール方法は他のプラグインと同じで、管理画面のオーナーズストアからできます。
売上ランキングプラグインのインストール画面

売上ランキングプラグインの設定をする

プラグイン設定で変更できるのは以下の通り。これ以外の部分を変更するにはコードを修正する必要があります。

  • タイトル
  • 商品の表示数

売上プラグインの設定変更

設定が完了したら、次はブロックの設置。他のブロックと同様にレイアウト設定画面から設置できます。
売上ランキングの設置

ここまでできたらさっそく表示してみましょう。問題なければこのように表示されるはずです。
売り上げプラグインの表示

これで売上ランキングプラグインの追加は完了です。スタイルは必要に応じて変更してください。

ここで紹介した売上ランキングの他にも様々なプラグインが同梱されたテンプレートを販売中!
Bootstrapにも対応したレスポンシブテンプレートとなっており、価格もお手頃なので是非チェックしてみてくださいね!
EC-CUBE2.13テンプレート販売中!