記事の詳細

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

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サービス

ウェブマーケティング成功事例

 
お名前(姓)
e-mail(必須)

マーケティングのヒントや、ウェブサイトを運営するために必要な情報を不定期でお届けしています。
あなたのウェブサイトを一歩進めるためにご活用ください。

株式会社GeoDesign(ジオデザイン)エントランス

〒430-0929
静岡県浜松市中区中央2ー4ー22
サザンビル(駐車場あり)

サービス対象地域

東京都23区
名古屋市,豊橋市
静岡県西部
浜松市中区,浜松市南区,浜松市東区,浜松市西区,浜松市北区,浜松市浜北区,浜松市天竜区,磐田市,袋井市,掛川市,菊川市,島田市,藤枝市,湖西市
ホームページ制作に関するお問い合わせ

ホームページの活用、集客に関するお問合せ

お問合せ Geoレターを受け取る Twitter Facebook