バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 2.13における、カテゴリー表示の変更について。

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
popy
投稿日時: 2015/7/9 14:08
対応状況: −−−
半人前
登録日: 2011/8/1
居住地:
投稿: 14
2.13における、カテゴリー表示の変更について。
いつもお世話になりましてありがとうございます。

カテゴリーの表示の仕方で質問があります。どなたかお教えください。

バージョン 2.12 以前の「category.tpl」から、2.13では「category.tpl+category_tree_fork.tpl」になったことに伴い、以前やっていたことができなくなってしまいました。

2.13 のデフォルトの動きは、
1.大カテゴリーにもリンクが張られているので、大カテゴリーを触ると、大カテゴリーに登録されている商品が全て一覧ページで表示される。
2.1つの大カテゴリーしか展開されない。

となっていると思いますが、以下のようにしたいと思います。
新1.大カテゴリーを触っても、サブカテゴリーが展開されるだけで、一覧ページは表示されないようにしたい。
新2.1つの大カテゴリーのサブカテゴリーが展開されている状態で、他の大カテゴリーを触っても、元の大カテゴリーの展開は折りたたまないようにしておきたい。(難しい表現ですね)

分かりづらい表現でごめんなさい。
つまり、絵で書きますと・・・・。


デフォルトで
トップページ
・Aカテゴリー
・Bカテゴリー
・Cカテゴリー
・Dカテゴリー


Aカテゴリーをクリックすると(この時Aカテゴリーの全内容が一覧表示される。)
・Aカテゴリー
 ├A1サブ
 ├A2サブ
 └A3サブ
・Bカテゴリー
・Cカテゴリー
・Dカテゴリー


Bカテゴリーをクリックすると(この時Bカテゴリーの全内容が一覧表示される。)
・Aカテゴリー
・Bカテゴリー
 ├B1サブ
 ├B2サブ
 └B3サブ
・Cカテゴリー
・Dカテゴリー


となるのを、

Aカテゴリーをクリックすると(この時Aカテゴリーの全内容が一覧表示されないように)
・Aカテゴリー
 ├A1サブ
 ├A2サブ
 └A3サブ
・Bカテゴリー
・Cカテゴリー
・Dカテゴリー


Bカテゴリーをクリックすると(この時Bカテゴリーの全内容が一覧表示されないように)
・Aカテゴリー
 ├A1サブ
 ├A2サブ
 └A3サブ
・Bカテゴリー
 ├B1サブ
 ├B2サブ
 └B3サブ
・Cカテゴリー
・Dカテゴリー


にしたいのです。

皆さま、お忙しいところ誠に申し訳ありません。
どうぞ、ご指導の程、宜しくお願いいたします。

バージョンを記載致します。

--------------------------
[ECCUBE] 2.13.3
[DB] PostgreSQL 8.4.20
[PHP] PHP 5.3.3
--------------------------
tsuji
投稿日時: 2015/7/9 15:17
対応状況: −−−
仙人
登録日: 2013/11/19
居住地:
投稿: 958
Re: 2.13における、カテゴリー表示の変更について。
popy 様

これはアイディアですが、表示をすべて見直してjQueryなどを用いて
ツリーの表示にすると実現できるかと思います。

「jquery 階層表示」でネット検索してみるといろいろありますので
参考になさってみてください。


----------------
****************************************
株式会社システムフレンド
辻 拓也(takuya tsuji)
改造専門店・EC-CUBE工房
****************************************

popy
投稿日時: 2015/7/9 18:06
対応状況: −−−
半人前
登録日: 2011/8/1
居住地:
投稿: 14
Re: 2.13における、カテゴリー表示の変更について。
tsuji 様

ありがとうございます!!

正直、????と思いましたが、いろいろ探して、触ってみたら、何となくできた感じがあります。

ちなみに、こんな風に変えてみました。「これじゃあ、おかしな動きするぞ・・」ということがありましたら、またお聞かせください。

しかし、このままでは、一度サブカテゴリーを選択して、一覧ページを表示すると、この大カテゴリーが折りたたんでしまいます。選ばれてる大カテゴリーを開きっぱなしにするには、どこを直せば良いのでしょうか?

重ね重ね、すみません。お願いします。


*******
<category.tpl>の先頭を・・・・こんな↓↓↓感じにしておいて

<script type="text/javascript">//<![CDATA[
    $(function(){
        $('#category_area li.level1:last').css('border-bottom', 'none');
    });

    $(function () {
      // 親メニュー処理
      $('#category_area li.level1').click(function() {
        // メニュー表示/非表示
        $(this).next('ul').slideToggle('fast');
      });

      // 子メニュー処理
      $('li').click(function(e) {
        // メニュー表示/非表示
        $(this).children('ul').slideToggle('fast');
        e.stopPropagation();
      });
    });

//]]></script>

  (・・・・ 以下省略)


*******
<category_tree_fork.tpl>を・・・・

<!--{strip}-->
    <ul>
        <!--{foreach from=$children item=child}-->
            <li class="level<!--{$child.level}-->">
                <p><!--{if $child.level == 1}--><!--{$child.category_name|h}--><!--{else}--><a href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!-
-{$child.category_id}-->"<!--{if in_array($child.category_id, $tpl_category_id)}--> class="onlink"<!--{/if}-->><!--{$child.category_name|h}--></a><!--{/if}--></p>
                <!--{if in_array($child.category_id, $arrParentID)}-->
                    <!--{assign var=disp_child value=1}-->
                <!--{else}-->
                    <!--{assign var=disp_child value=0}-->
                <!--{/if}-->
                <!--{if isset($child.children|smarty:nodefaults)}-->
                    <!--{include file="`$smarty.const.TEMPLATE_REALDIR`frontparts/bloc/category_tree_fork.tpl" children=$child.children display=$disp_child}-->
                <!--{/if}-->
            </li>
        <!--{/foreach}-->
    </ul>
<!--{/strip}-->

*******
<bloc.css>を・・・・

#category_area li {
    cursor: pointer;
}

#category_area .level1 ul {
    display: none;
}

*******
tsuji
投稿日時: 2015/7/10 13:08
対応状況: −−−
仙人
登録日: 2013/11/19
居住地:
投稿: 958
Re: 2.13における、カテゴリー表示の変更について。
popy 様

ページ遷移してしまうとjavascriptで開かれたものは一度全て
閉じてしまいます。

ですので、もう一度開き直すという操作が必要なのだと思います。

liタグそれぞれにidで識別できる名称を付けてページ遷移時には
該当するカテゴリはページロード時には開くなどの処理を追加する
ことが必要になってくると考えます。


----------------
****************************************
株式会社システムフレンド
辻 拓也(takuya tsuji)
改造専門店・EC-CUBE工房
****************************************

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は89,391名です
総投稿数は110,082件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1652
8
red
1570
9
mcontact
1304
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.