EC-CUBEの商品一覧ページのデザインをカテゴリ一ごとに変更する

EC-CUBEの商品一覧ページは同一デザイン

EC-CUBEの商品一覧ページはすべて同じデザインです。

もしカテゴリー毎に商品一覧ページ（カテゴリーページ）のデザインを変えることができれば、カテゴリーの特性をより直感的に伝えることが可能ですし、ECサイトの訪問者にインパクトを与えることができます。

カテゴリーごとにカテゴリーページのデザインを変える

EC-CUBEの商品一覧ページのデザインをカテゴリ一ごとに変更することができるカスタマイズ事例です。

カテゴリー画像を設定できる

もっとも簡単なカスタマイズはカテゴリーごとにカテゴリー画像を設定するカスタマイズです。
カテゴリー画像は商品一覧ページを開いた際に一番初めに目に入る箇所です。
カテゴリーごとにカテゴリー画像を変更するだけでもユーザーに与える印象は変わります。
画像が変わるだけでイメージは変わりますし、どのような商品カテゴリかをお客様に一目で認知頂くことが可能です。

カテゴリーごとにカテゴリー画像を設定する事例

カテゴリー画像、カラー、HTMLを設定できる

カテゴリー画像だけでなく、各エリアの配色を変えることができ、かつHTMLで入力できる自由エリアを設けるカスタマイズです。
カテゴリー画像が変わるだけでも印象は変わりましたが、こちらのパターンではカテゴリーごとに全く異なるページにすることも可能です。

カテゴリー画像、カラー、HTMLを設定できる事例

投稿者プロフィール

Nakamura

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

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

最新の投稿

• EC-CUBE2024.04.09卸売サイト（BtoB EC）の価格設定パターン
• EC-CUBE2024.02.29cagolab.(カゴラボ)の商品一覧ページにお気に入り機能を実装する
• EC-CUBE2024.02.27cagolab.(カゴラボ)の商品一覧ページに絞り込み検索を実装する
• EC-CUBE2023.10.12EC-CUBEの商品ページに規約を表示し、チェックを入れないと購入できないカスタマイズ