EC-CUBE4での関連カテゴリーの表示簡略化

EC-CUBE4系の商品詳細ページにある関連カテゴリー部分の表示を変更する方法です。

デフォルトではどう表示しているか

EC-CUBE4デフォルトのカテゴリー表示

デフォルトの表示

デフォルトの設定だと、孫カテゴリーまで選択した場合3行での表示となってしまいます。

親カテゴリー
親カテゴリー>子カテゴリー
親カテゴリー>子カテゴリー>孫カテゴリー

この表示形式だとカテゴリーを2つ割り当てただけで6行にも表示されてしまいます。

今回はこの関連カテゴリー表示をスタイリッシュに変更させる方法を紹介します。

関連カテゴリーをどう表示させるか

不要な情報を掲載せず、シンプルで分かりやすく表示させたいです。
なので、

親カテゴリー>子カテゴリー>孫カテゴリー

この部分だけ表示させるよう変更します。

この表示形式ならカテゴリーを複数割り当ててもシンプルに表示されると思います。

カスタマイズ方法

EC-CUBE4系ならFTPソフトなどを使用しなくても変更可能かと思います。

管理画面からカスタマイズを行っていきます。

商品詳細ページの表示形式を変更するので

コンテンツ管理→ページ管理→商品詳細ページ

を開きます。

約280行くらいのところに関連カテゴリーを表示させている部分があると思います。

そこを変更するのですが今回説明は割愛します。

前後の部分からコードを掲載しておくので使ってください。
関連カテゴリー表示を変更するソースコード

見にくいと思いますが必要であれば頑張って入力してください。

変更された関連カテゴリー表示

変更後

これで関連カテゴリーの表示形式が変更されました。

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