バージョン選択

フォーラム

メニュー

オンライン状況

44 人のユーザが現在オンラインです。 (18 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 44
もっと...

サイト内検索

質問 > フロント機能 > ハンバーガーメニューに子カテゴリを表示したい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
tatemin
投稿日時: 2020/6/29 16:29
対応状況: −−−
新米
登録日: 2020/6/29
居住地:
投稿: 2
ハンバーガーメニューに子カテゴリを表示したい
お世話になります。

デフォルトで、スマホ画面で表示されるハンバーガーメニューにカテゴリー一覧が表示されると思いますが、
ここに子カテゴリまで表示する方法が分からず難儀しています。
(PC画面は通常通り親カテゴリをクリックしたら子カテゴリが出て欲しい)

一番可能性の高そうなのはハンバーガーメニューの使っているcssを修正することではないかと思っていますが、そのcssの場所が分からず。

「デフォルトのcssの置き場はここ」
「もっと簡単な方法がある」

など分かる方がいらっしゃいましたらご教授ください。
468
投稿日時: 2020/6/29 20:22
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 2446
Re: ハンバーガーメニューに子カテゴリを表示したい
ECCUBE4では子カテゴリがあれば親カテゴリをクリックすれば表示されるというjavascriptが組み込まれていますので
デモページのjavascriptが参考になるかと思います。
https://demo4.ec-cube.net/

最初から表示させておくという事であれば
CSSを変更すればよいかと思います。
.category-nav ulに対するスタイルシートでdisplay: none;が指定されている事が原因かと思いますので
display: block;に変更すると表示されるようになるかと思います。
既存の記述を変更してしまうとPC用の表示もおかしくなると思いますので
CSSのセレクタを#drawer .category-nav ulでスタイルシートを追記すればハンバーガーメニューの中のみ変更を加える事ができるのではないかと思います。


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

tatemin
投稿日時: 2020/6/30 17:49
対応状況: −−−
新米
登録日: 2020/6/29
居住地:
投稿: 2
Re: ハンバーガーメニューに子カテゴリを表示したい
shiroさん、情報ありがとうございます。

載せて頂いたeccube4の挙動が本来やりたい動きになります。
cssの修正と併せて対応を検討してみます。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は63,734名です
総投稿数は96,861件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
468
2446
4
nanasess
2078
5
yuh
1612
6
umebius
1601
7
red
1407
8
h_tanaka
1022
9
fukap
907
10
tsuji
863
11
shutta
835
12
tao_s
792
13 ramrun 789
14 karin 657
15 sumida 641
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.