記事の詳細

あれ、サイドに移したらサブカテゴリが見れないぞ

EC-CUBE3になって、デフォルトでは1カラムのデザインになりました。

「サイドにメニューがほしいなぁ」と、レイアウト編集から色々ブロックを移したところ、
「カテゴリのメニューが展開しなくなって、サブカテゴリが見れない!」とのこと。

EC-CUBE3 カテゴリをサイドに移動した時に、サブカテゴリを表示されない
確かにメインカテゴリのみで、サブカテゴリが表示されません。
このままでは、サブカテゴリにたどり着くのが難しい!
(検索窓や商品詳細の関連カテゴリからたどれますが、お手軽ではないですよね)

何とかサブカテゴリを表示できるようにしたい、ということで
サブカテゴリを表示させるように、少しカスタマイズしてみました。

出来るだけお手軽に対応してみよう

常に展開される状態になりますが、
見た目上も整っており、何よりも簡単に対応ができるので、今回はCSSを編集して対応してみることにしました。

CSSを使って非表示にしているため、
その箇所を削除することで、サブカテゴリが表示されるようになります。
なんと1行消すだけ!

/html/template/default/css/style.cssの1105行目あたりにある下記のコード、
最低限「display: none;」を消せば、カテゴリエリアが常に展開する状態になります。
(下記ではコメントアウトしていますが、削除でもコメントアウトでも大丈夫です)

.category-nav ul {
    /*display: none;*/
}

サブカテゴリが表示できました

EC-CUBE3 カテゴリをサイドに移動した時に、サブカテゴリを表示してみた
そのままでも、ちゃんとインデントがついて、
カテゴリの関連が分かりやすくなっていますので、
あまりにもカテゴリの数が多い、といったことでなければ必要十分です。
これでお客様の移動もスムーズに行えるようになりました。

常に展開するのではなく、
・サイドに設置しても、展開するようにしたい。
・トップでは収納しておきたい。
といったカスタマイズも可能ですので、
「カテゴリがたくさんあるから、お客様が使いやすいようにしたいな」といった改善にご興味がありましたら、
下記よりお気軽にお問合せください。
ホームページ制作・運営 & 集客・ウェブプロモーションなら株式会社GeoDesign(ジオデザイン)

ホームページの売上をあげたい!集客をあげたいなら浜松GeoDesignのホームページ企画・制作サービスをどうぞ!お問い合わせはこちらから

株式会社GeoDesign

ホームページ企画・制作 & 集客・ウェブコンサルティングなら株式会社GeoDesign(ジオデザイン)
〒430-0929
静岡県浜松市中区中央2-4-22 サザンビル1F
Tel:053-528-7561
Fax:053-528-7563
Copyright © 2011 浜松ホームページ企画・制作・ウェブコンサルのGeoDesign
お問合せ