EC-CUBEのグローバルメニューのカテゴリーをマウスオーバーで展開する

EC-CUBEのグローバルメニューのカテゴリーをマウスオーバーで展開するEC-CUBE
この記事は約2分で読めます。

EC-CUBEのグローバルメニューのカテゴリーの動作

EC-CUBE3系と4系

EC-CUBE3系や4系はデフォルトでグローバルメニューがあり、カテゴリーも自動表示しています。
管理画面でカテゴリーの追加・削除・編集するとグローバルメニューに自動で反映されます。
下の画像はEC-CUBE4のものです。
EC-CUBEのグローバルメニューのカテゴリーをマウスオーバーで展開する:EC-CUBE4のグローバルメニュー

EC-CUBE2系

EC-CUBE2系だとデフォルトだとグローバルメニューがありません。
ですので、デザイン管理のヘッダー編集やブロック編集でグローバルメニューをHTML(smarty)で記述する必要があります。
EC-CUBEのグローバルメニューのカテゴリーをマウスオーバーで展開する:EC-CUBE2にグローバルメニューはない

EC-CUBE2にグローバルメニューを追加し、カテゴリーを自動表示

3系や4系のようにグローバルメニューがあるのがデザイン的に当然となっています。
グローバルメニューを付けるだけなら簡単です。

EC-CUBE2にグローバエルメニューを設置

EC-CUBEのグローバルメニューのカテゴリーをマウスオーバーで展開する:EC-CUBE2にグローバエルメニューを設置

マウスオーバーすることでカテゴリーを展開させる

EC-CUBEのグローバルメニューのカテゴリーをマウスオーバーで展開する:マウスオーバーすることでカテゴリーを展開させる

なお、簡単というのは、カテゴリー情報を取得して自動で表示するのではなく(動的表示)、HTMLにすべてのカテゴリーを記述する方式(静的表示)だからです。

カテゴリー情報を元にカテゴリーを自動表示させる

HTMLにカテゴリーを直書きするのは簡単な方法ではありますが、カテゴリーの追加・変更・削除があった場合に、改めてHTMLを修正する必要があります。
人の手が介しますのでミスが発生する可能性もあります。
また、大幅なカテゴリー変更があった場合、修正工数が膨大になります。

つまり、簡単だけどメンテナンス性が悪い対処方法となります。

そこで、プログラムでカテゴリー情報を元に自動表示させることが望ましいです。
初期コストは発生しますが、運用メンテナンスがゼロになります。
カテゴリー構成は売り上げに影響があり、定期的に見直しする箇所でもありますので、ぜひ自動表示させてみてください。

投稿者プロフィール

Nakamura
サンクユーのEC-CUBE担当。
気づけば15年以上、EC-CUBEを触り続けています。
2系・3系・4系すべて対応、難しいカスタマイズもお任せください。

もともとはJavaの業務システム開発からスタートし、
PHP・Perl・フロント・CMSまで幅広く対応するタイプです。

最近はChatGPT CODEXを活用して、開発スピードも進化中。

お気軽にご相談ください

お気軽にご相談ください

タイトルとURLをコピーしました