バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

スレッド表示 | 古いものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
tatemin
投稿日時: 2020/6/30 17:49
対応状況: −−−
新米
登録日: 2020/6/29
居住地:
投稿: 2
Re: ハンバーガーメニューに子カテゴリを表示したい
shiroさん、情報ありがとうございます。

載せて頂いたeccube4の挙動が本来やりたい動きになります。
cssの修正と併せて対応を検討してみます。
468
投稿日時: 2020/6/29 20:22
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 3217
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/29 16:29
対応状況: −−−
新米
登録日: 2020/6/29
居住地:
投稿: 2
ハンバーガーメニューに子カテゴリを表示したい
お世話になります。

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

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

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

など分かる方がいらっしゃいましたらご教授ください。
スレッド表示 | 古いものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,077名です
総投稿数は109,602件です

投稿数ランキング

1
seasoft
7364
2
468
3217
3
AMUAMU
2712
4
nanasess
2302
5
umebius
2085
6
yuh
1812
7
h_tanaka
1606
8
red
1567
9
mcontact
1229
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

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

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