バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

 > フロント機能 > 子カテゴリをクリックで展開させたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
_tkn
投稿日時: 2016/7/7 18:10
対応状況: −−−
半人前
登録日: 2011/3/4
居住地:
投稿: 12
子カテゴリをクリックで展開させたい
Ec-Cube3.0.10です。

http://demo3.ec-cube.net/

サンプルサイトを例に説明しますと、
親カテゴリ「キッチンツール」を1回クリックすると子カテゴリの「食器・キッチン小物・調理器具」が開くようにしたいです。

やり方のわかる方いらっしゃいましたら、教えていただけると助かります。

マウスでの操作ならいいのですが、タッチする場合に子カテゴリに行けなくて困るのですが。。(タブレットのPC閲覧モード等で)

スマホに関しては

【ECCUBE3.0.10】スマートフォンでカテゴリーの2階層目以降(子カテゴリー)が表示されません。

の投稿を参考に、全部展開された状態で表示することにしました。


よろしくお願い致します。
_tkn
投稿日時: 2016/7/8 12:01
対応状況: −−−
半人前
登録日: 2011/3/4
居住地:
投稿: 12
Re: 子カテゴリをクリックで展開させたい
style.cssの3676〜3780行辺りにある
#header .category-nav 周りを編集と思いゴニョゴニョしてみましたが上手くいきません。
Bootstrapのdropdownで書き直した方が早いでしょうか?

引き続きお願いします。
DELIGHT
投稿日時: 2016/7/8 13:02
対応状況: −−−
仙人
登録日: 2010/2/3
居住地: 熊本県・九州・長野県・関東甲信越
投稿: 572
Re: 子カテゴリをクリックで展開させたい
フロントエンドはあまり詳しくないのですが、ドロップダウンの処理をしているのは下記の辺りだと思います。
https://github.com/EC-CUBE/ec-cube/blob/master/html/template/default/css/style.css#L3731

CSSで実現しているようですから、クリックでの制御はjsで書き直す必要があると思います。


----------------
+ DAISY inc. -------------------- +
EC-CUBE構築・カスタマイズサービス
EC・WEB構築などお気軽にご相談ください。

デイジー株式会社
http://daisy.link/

_tkn
投稿日時: 2016/7/11 9:20
対応状況: −−−
半人前
登録日: 2011/3/4
居住地:
投稿: 12
Re: 子カテゴリをクリックで展開させたい
ご回答ありがとうございます。
該当箇所わかりました。
クリックですからJavaScriptでやることですよね。
もう少し頑張ってみます。
また行き詰った時にはよろしくお願い致します。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1638
8
red
1570
9
mcontact
1285
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
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.