バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > その他 > カテゴリで特定の階層からのプルダウン

その他

新規スレッドを追加する

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
kirin
投稿日時: 2014/8/29 11:04
対応状況: −−−
半人前
登録日: 2012/4/24
居住地:
投稿: 20
Re: カテゴリで特定の階層からのプルダウン
ご回答、本当に感謝しています。

私では少しわかりづらいのでもう少し質問させていただきます。
現在、以下のように2階層目まで画像表示で運用させてもらってます。

<script type="text/javascript">//<![CDATA[
$(function(){
$('#category_area li.level4:last').css('border-bottom', 'none');
});
//]]></script>
<div class="block_outer">
<div id="category_area">
<div class="block_body">
<h2><img src="<!--{$TPL_URLPATH}-->img/title/tit_bloc_category.gif" alt="商品カテゴリ" /></h2>
<!--{strip}-->
<ul id="categorytree">
<!--{assign var=preLev value=1}-->
<!--{assign var=firstdone value=0}-->
<!--{section name=cnt loop=$arrTree}-->
<!--{* 表示フラグがTRUEなら表示 *}-->
<!--{if $arrTree[cnt].display == 1|| $arrTree[cnt].level <=3}-->
<!--{assign var=level value=`$arrTree[cnt].level`}-->
<!--{assign var=levdiff value=`$level-$preLev`}-->
<!--{if $levdiff > 0}-->
<ul>
<!--{elseif $levdiff == 0 && $firstdone == 1}-->
</li>
<!--{elseif $levdiff < 0}-->
<!--{section name=d loop=`$levdiff*-1`}-->
</li>
</ul>
<!--{/section}-->
</li>
<!--{/if}-->
<li class="level<!--{$level}--><!--{if in_array($arrTree[cnt].category_id, $tpl_category_id)}--> onmark<!--{/if}-->">
<p>
<!--{if $level < 3}-->
<a href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrTree[cnt].category_id}-->"<!--{if in_array($arrTree[cnt].category_id, $tpl_category_id)}--> class="onlink"<!--{/if}-->><img src="<!--{$TPL_URLPATH}-->img/category/<!--{$arrTree[cnt].category_id}-->.gif" alt="<!--{$arrTree[cnt].category_name|h}-->" /></a>
<!--{else}-->
<a href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrTree[cnt].category_id}-->"<!--{if in_array($arrTree[cnt].category_id,$tpl_category_id)}--> class="onlink"<!--{/if}-->><!--{$arrTree[cnt].category_name|h}-->(<!--{$arrTree[cnt].product_count|default:0}-->)</a>
<!--{/if}-->
</p>
<!--{if $firstdone == 0}--><!--{assign var=firstdone value=1}--><!--{/if}-->
<!--{assign var=preLev value=`$level`}-->
<!--{/if}-->
<!--{* セクションの最後に閉じタグを追加 *}-->
<!--{if $smarty.section.cnt.last}-->
<!--{if $preLev-1 > 0}-->
<!--{section name=d loop=`$preLev-1`}-->
</li>
</ul>
<!--{/section}-->
</li>
<!--{else}-->
</li>
<!--{/if}-->
<!--{/if}-->
<!--{/section}-->
</ul>
<!--{/strip}-->
</div>
</div>
</div>


これを私なりに解釈し、以下のように書き換えてみました。

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

<div class="block_outer">
<div id="category_area">
<div class="block_body">
<h2><img src="<!--{$TPL_URLPATH}-->img/title/tit_bloc_category.gif" alt="商品カテゴリ" /></h2>
<!--{strip}-->
<ul id="categorytree">
<!--{assign var=preLev value=1}-->
<!--{assign var=firstdone value=0}-->
<!--{section name=cnt loop=$arrTree}-->
<!--{* 表示フラグがTRUEなら表示 *}-->
<!--{if $arrTree[cnt].display == 1|| $arrTree[cnt].level <=3}-->
<!--{assign var=level value=`$arrTree[cnt].level`}-->
<!--{assign var=levdiff value=`$level-$preLev`}-->
<!--{if $levdiff > 0}-->
<ul>
<!--{elseif $levdiff == 0 && $firstdone == 1}-->
</li>
<!--{elseif $levdiff < 0}-->
<!--{section name=d loop=`$levdiff*-1`}-->
</li>
</ul>
<!--{/section}-->
</li>
<!--{/if}-->
<li class="level1">
<p><a href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrTree[cnt].category_id}-->"<!--{if in_array($arrTree[cnt].category_id, $tpl_category_id)}--> class="onlink"<!--{/if}-->><img src="<!--{$TPL_URLPATH}-->img/category/<!--{$arrTree[cnt].category_id}-->.gif" alt="<!--{$arrTree[cnt].category_name|h}-->" /></a></p></li>
<li class="level2">
<p><a href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrTree[cnt].category_id}-->"<!--{if in_array($arrTree[cnt].category_id, $tpl_category_id)}--> class="onlink"<!--{/if}-->><img src="<!--{$TPL_URLPATH}-->img/category/<!--{$arrTree[cnt].category_id}-->.gif" alt="<!--{$arrTree[cnt].category_name|h}-->" /></a></p></li>
<li class="level3">
<p><a href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrTree[cnt].category_id}-->"<!--{if in_array($arrTree[cnt].category_id,$tpl_category_id)}--> class="onlink"<!--{/if}-->><!--{$arrTree[cnt].category_name|h}-->(<!--{$arrTree[cnt].product_count|default:0}-->)</a></p></li>
<li class="level4">
<p><a href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrTree[cnt].category_id}-->"<!--{if in_array($arrTree[cnt].category_id,$tpl_category_id)}--> class="onlink"<!--{/if}-->><!--{$arrTree[cnt].category_name|h}-->(<!--{$arrTree[cnt].product_count|default:0}-->)</a></p></li>
<!--{if $firstdone == 0}--><!--{assign var=firstdone value=1}--><!--{/if}-->
<!--{assign var=preLev value=`$level`}-->
<!--{/if}-->
<!--{* セクションの最後に閉じタグを追加 *}-->
<!--{if $smarty.section.cnt.last}-->
<!--{if $preLev-1 > 0}-->
<!--{section name=d loop=`$preLev-1`}-->
</li>
</ul>
<!--{/section}-->
</li>
<!--{else}-->
</li>
<!--{/if}-->
<!--{/if}-->
<!--{/section}-->
</ul>
<!--{/strip}-->
</div>
</div>
</div>


「なんだこれは!?」という記述なら是非ご指摘ください。

引用:

miiitakaさんは書きました:
@kirin さん

カテゴリ3階層目をマウスオーバーした時に、カテゴリ4階層目の表示を行うように
class="level3"をトリガーにその子要素をslideToggle()で展開させれば可能です。


との事なんですが、どこにどのような記述をしていいのかわかりませんでした、ヒントを生かせず申し訳ありません。

また、私なりの解釈での記述に誤りがあるとご指摘お願いします。

恐縮ではございますが、よろしくお願いします。
フラット表示 前のトピック | 次のトピック


題名 投稿者 日時
   カテゴリで特定の階層からのプルダウン kirin 2014/8/26 9:30
     Re: カテゴリで特定の階層からのプルダウン miiitaka 2014/8/27 18:45
       Re: カテゴリで特定の階層からのプルダウン kirin 2014/8/28 10:34
         Re: カテゴリで特定の階層からのプルダウン miiitaka 2014/8/28 20:13
         » Re: カテゴリで特定の階層からのプルダウン kirin 2014/8/29 11:04

 



ログイン


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

統計情報

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

投稿数ランキング

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