バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
_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
居住地: 熊本県・九州・長野県・関東甲信越
投稿: 571
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ペイメント

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

統計情報

総メンバー数は58,731名です
総投稿数は95,005件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
nanasess
2035
4
468
1971
5
yuh
1612
6
umebius
1551
7
red
1389
8
h_tanaka
966
9
fukap
907
10
tsuji
863
11
shutta
835
12 ramrun 789
13
tao_s
783
14 karin 656
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.