EC-CUBE で特集ページやキャンペーンページを作ると、そのページの内容に合わせた商品を並べたくなります。ところが、EC-CUBE 公式のおすすめ商品管理プラグインは、おすすめ商品のリストをサイトで1つだけ持つ作りです。ページごとに違う商品を出すことはできません。

この記事では、当社が開発してオーナーズストアで販売している「ページ毎おすすめ商品管理プラグイン」を使って、固定ページごとにおすすめ商品を出す手順を説明します。

ワプラボを運営する ibis studio 株式会社が開発・販売しているプラグインです。自社製品の使い方の解説であることを先にお断りしておきます。公式プラグインとの違いは、別の記事で比較しています。

仕組み

考え方は2段階です。どの商品を出すかは、ページごとに「ページ管理」で決めます。どこに出すかは、「レイアウト管理」でブロックを置いて決めます。

• 商品の登録 … 「コンテンツ管理」→「ページ管理」の各ページの編集画面に、「おすすめ商品」の欄が追加されます
• 表示 … 「おすすめ商品（ページ別）」というブロックが追加されるので、レイアウト管理で好きな位置に置きます
• ブロックは、いま開いているページに登録された商品だけを表示します。登録が無いページでは何も表示しません

そのため、ブロックを共通のレイアウトに1つ置いておけば、ページごとに中身だけが変わります。ページごとにブロックを作り分ける必要はありません。

動作環境

オーナーズストアの対応バージョンは、4.2系（4.2.0〜4.2.3-p2）と 4.3系（4.3.0〜4.3.1-p1）です。PHP 8.1〜8.4、MySQL 5.7以上または MariaDB 10.x で動作します。

EC-CUBE 3 系向けにも同名のプラグインを以前から出していますが、別の製品です。4 系のサイトには 4 系向けのものを入れてください。

導入の手順

オーナーズストアで購入したプラグインは、EC-CUBE の管理画面からインストールできます。手順は EC-CUBE 4 共通です。

1. オーナーズストアでプラグインを購入する
2. 管理画面の「オーナーズストア」→「認証キー設定」で、ストアの認証キーを設定する（設定済みなら不要）
3. 「オーナーズストア」→「プラグイン」→「プラグインを探す」を開き、「購入済プラグイン」からインストールする
4. 「オーナーズストア」→「プラグイン」→「プラグイン一覧」で、このプラグインを「有効化」する

有効化すると、「おすすめ商品（ページ別）」ブロックが登録されます。左メニューに新しい項目は増えません。設定はすべて、既存のページ管理とレイアウト管理の画面で行います。

有効化しても、ブロックは自動では配置されません。次の手順でレイアウト管理に置くまで、サイトには何も表示されません。

おすすめ商品を登録する

1. 「コンテンツ管理」→「ページ管理」を開き、おすすめ商品を出したいページの編集画面を開く
2. 「おすすめ商品」の欄で「おすすめ商品を新規登録」を押す
3. 「商品を検索」で商品名か商品IDを入れて検索する（カテゴリで絞り込むこともできます）
4. 一覧から商品を選び、必要なら「この商品へのコメント（説明文）」を書いて「保存」を押す

検索結果には、商品画像と価格も表示されるので、似た名前の商品を取り違えにくくなっています。一度に表示される検索結果は新しい順に20件までなので、見つからないときは商品名を詳しく入れるか、カテゴリで絞り込んでください。

コメントは任意です。太字・斜体・リンクの簡単な装飾ができます。入れた内容は、サイト側で表示するときに安全な HTML だけに整えてから出力されます。

並べ替え・編集・削除

登録した商品は、同じ欄に一覧で表示されます。行をドラッグすると並び順が変わり、その順番でサイトに表示されます。コメントの書き直しは「編集」、外すときは「削除」です。

おすすめ商品の欄は、すでに作成済みのページの編集画面にだけ表示されます。新しいページを作る場合は、先にページを登録してから、もう一度編集画面を開いてください。

見出しの設定

「見出しを表示する」にチェックを入れると、おすすめ商品の上に見出しが付きます。「見出し（日本語）」と「サブ見出し（英字）」はページごとに変えられ、空欄のままなら「おすすめ商品」「RECOMMEND」になります。設定したら「見出し設定を保存」を押します。

ブロックを配置する

1. 「コンテンツ管理」→「レイアウト管理」を開く
2. おすすめ商品を出したいページが使っているレイアウトを開く（多くの場合は「下層ページ用レイアウト」）
3. 未使用ブロックの中から「おすすめ商品（ページ別）」を、表示したい位置へドラッグする
4. 登録して、サイトの該当ページを開いて確認する

どのページがどのレイアウトを使っているかは、ページ管理の各ページの編集画面で確認できます。特集ページだけ別のレイアウトにしている場合は、そのレイアウトにもブロックを置いてください。

表示は、EC-CUBE 標準の商品一覧と同じ並べ方（商品画像・商品名・価格・コメント）です。標準テーマのデザインに合わせてあるので、多くの場合は CSS を書き足さなくてもなじみます。商品をクリックすると、その商品の詳細ページに移動します。

つまずきやすい点

ブロックを置いたのに何も出ない

• 開いているページに、おすすめ商品が登録されていない（登録が無いページでは何も出ません）
• ブロックを置いたレイアウトと、そのページが使っているレイアウトが違う
• キャッシュが残っている（「コンテンツ管理」→「キャッシュ管理」で削除してから確認してください）

販売をやめた商品は、自分で外す

このプラグインは、登録した商品の公開状態を見て自動で外す処理を持っていません。商品を非公開にしたり販売を終えたりしたときは、そのページのおすすめ商品からも削除してください。

プラグインを無効化したとき

無効化すると、ブロックとその配置も消えます。登録したおすすめ商品のデータは残りますが、もう一度有効化したときは、レイアウト管理でブロックを置き直す必要があります。

商品詳細ページや商品一覧ページで使う場合

商品詳細ページは、ページ管理上はすべての商品で1つのページです。ここに登録したおすすめ商品は、どの商品の詳細ページでも同じものが出ます。商品ごとに違う商品を出したい場合は、関連商品系のプラグインのほうが合います。

どのページで使えるか

おすすめ商品は、ページ管理に並んでいるページごとに登録できます。自分で作った特集ページや LP のほか、トップページにも登録できます。

• 自分で作ったページ（特集・LP・キャンペーン・ブランド紹介など） … ページごとに別の商品を出せます
• トップページ … トップページ専用のおすすめ商品として使えます
• 商品詳細ページ … 全商品で共通の1ページ扱いなので、どの商品でも同じおすすめが出ます

運用のコツ

特集ページを新しく作るときの順番

1. 「コンテンツ管理」→「ページ管理」で新しいページを作り、ページ名・URL・レイアウトを決めて登録する
2. もう一度そのページの編集画面を開き、「おすすめ商品」欄で商品を登録する
3. そのページのレイアウトに「おすすめ商品（ページ別）」ブロックが置かれているかを確かめる
4. サイトでページを開き、商品と見出しの表示を確認する

一度ブロックを置いたレイアウトを使い回せば、2つめ以降の特集ページは1と2の作業だけで済みます。

並べる数とコメント

登録できる数に上限はありませんが、並べすぎると、どれを選べばよいか分かりにくくなります。特集の主役になる商品を数点に絞り、コメントで「なぜこのページでおすすめなのか」を1〜2文で書くと、ページの内容と商品がつながります。

コメントにはリンクも入れられるので、詳しい使い方を書いたページや、関連する特集ページへ誘導することもできます。

特集が終わったら

特集ページを残したまま販売期間が終わる場合は、おすすめ商品の登録も見直してください。売り切れや販売終了の商品が並んだままになると、せっかく来た人を逃します。

こんな使い方に向いています

• 季節の特集ページごとに、対象の商品だけを並べる
• 広告から来る LP に、その広告で訴求した商品を出す
• ブランドの紹介ページに、そのブランドの定番商品を出す
• トップページと特集ページで、違うおすすめ商品を出す