EC-CUBE「商品名補完」プラグイン。簡単にサジェスト検索を実装できる。

【EC-CUBEプラグイン解説】商品名補完。簡単にサジェスト検索を実装できる。 EC-CUBEプラグイン解説
この記事は約2分で読めます。

商品名補完プラグイン

商品名補完プラグイン
商品名補完プラグイン」は、EC-CUBEにサジェスト検索を実装できるプラグインです。

商品名補完プラグインの利用方法

商品名補完プラグインはインストールするだけでは利用できません。
商品名補完プラグインを利用する為の方法をご説明します。

商品名補完プラグインをインストールする

商品名補完プラグインを利用する為にはプラグインをインストールし有効化します。
商品名補完プラグインを有効化しても管理画面のどこかに新しい画面が追加されることはありません。
管理画面>オーナーズストアのプラグイン一覧に表示されるのみです。
EC-CUBE管理画面>オーナーズストアのプラグイン

コンテンツ管理>ブロック管理でソースを追加する

商品名補完プラグインを利用する為には商品検索ブロックにソースを追加する必要があります。
管理画面>コンテンツ管理>ブロック管理から「商品検索」ブロックを選択します。

ブロック管理から「商品検索」ブロックを選択

ソースの先頭(上から11行目がソースの先頭になります)に以下のコードを追加します。

{{ include(‘@MGSearchProduct/mgsearchproduct.twig’, ignore_missing=true) }}

コードを追加したソースです。
[登録]ボタンをクリックして修正を完了します。
「商品検索」ブロックにソースを追加する

商品検索ボックスで商品名を補完してくれる

商品検索」ブロックにソースを追加すると、検索ボックスで商品名を補完してくれるようになります。

検索ボックスに入力した文字が商品名に存在する場合にサジェスト表示する(ひらがな)

検索ボックスにひらがなを入力します。
その文字を商品名に含む商品が存在していれば、サジェスト表示されます。
検索文字が商品名に含まれる場合にサジェスト表示される(ひらがな)

検索ボックスに入力した文字が商品名に存在する場合にサジェスト表示する(カタカナ)

検索ボックスにカタカナを入力します。
その文字を商品名に含む商品が存在していれば、サジェスト表示されます。
検索文字が商品名に含まれる場合にサジェスト表示される(カタカナ)

検索ボックスに入力した文字が商品名に存在する場合にサジェスト表示する(漢字)

検索ボックスに漢字を入力します。
その文字を商品名に含む商品が存在していれば、サジェスト表示されます。
検索文字が商品名に含まれる場合にサジェスト表示される(漢字)

検索ボックスに入力した文字が商品名に存在する場合にサジェスト表示する(英字)

検索ボックスに漢字を入力します。
その文字を商品名に含む商品が存在していれば、サジェスト表示されます。
検索文字が商品名に含まれる場合にサジェスト表示される(英字)

検索ボックスに入力した文字が商品名に存在しない場合は何も表示されない

検索ボックスに入力した文字を商品名に含む商品が存在しない場合、何も表示されません。
索ボックスに入力した文字が商品名に存在しない場合は何も表示されない

投稿者プロフィール

Nakamura
サンクユーのEC-CUBE先生。
EC-CUBEのカスタマイズをし出して早15年。
難易度の高いカスタマイズもお任せ。
2系、3系、4系すべて対応可能。

実はjavaでの業務システム開発がエンジニア人生のスタート。
PHP、Perl、フロントエンド開発、Movable Type、Wordpressも得意という万能エンジニア。
タイトルとURLをコピーしました