묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
특정 탭메뉴(분류) 출력과 관련 하여 질문 드립니다!!
2014.01.22 10:05
안녕하세요.
sketchbook5 게시판 스킨을 적용 하던 중, 분류 관련 하여 도움을 요청 드립니다.
↓
페이지를 처음 열었을때, 현재는 전체탭과 전체게시물들이 출력되는데....
두번째 이미지와 같이 전체탭을 없애고 depth1 → depth2 (2차분류)의 탭메뉴와 해당되는 게시물들이 출력 되도록 하고 싶습니다.
관련된 파일이 list.html과 board.js인것은 알겠는데, 해당영역의 소스를 어떻게 수정해야 할 지 모르겠습니다..ㅠㅠㅠ
관련 소스들이 아래와 같은데, 어느 부분을 수정 해야 할지 도움 요청 드립니다.
======================================== list.html 해당영역 =================================================
<div class="cnb_n_list">
<!--// 카테고리 -->
<div cond="$mi->use_category=='Y' && $mi->cnb!='N'" class="if_lst_btn"|cond="$mi->select_lst=='N'" style="margin-bottom:30px"|cond="$mi->default_style=='blog'">
{@ $cate_list = array(); $current_key = null; }
<!--@foreach($category_list as $key=>$val)-->
<!--@if(!$val->depth)-->
{@
$cate_list[$key] = $val;
$cate_list[$key]->children = array();
$current_key = $key;
}
<!--@elseif($current_key)-->
{@ $cate_list[$current_key]->children[] = $val }
<!--@end-->
<!--@end-->
<div cond="!$mi->cnb" class="bd_cnb clear css3pie<!--@if($mi->cnb_open)--> open<!--@end-->">
<a class="home" href="{getUrl('category','','page','','document_srl','')}" title="{$lang->document_count} '{number_format($total_count)}'"><i class="home ico_16px">Category</i></a>
<div class="dummy_ie fr"></div>
<ul class="bubble bg_f_f9 css3pie">
<li class="cnbMore"><a href="#" class="bubble" title="{$lang->category} {$lang->more}"><i class="ui-icon<!--@if($mi->cnb_open)--> ui-icon-triangle-1-n<!--@else--> ui-icon-triangle-1-s<!--@end-->"></i></a></li>
<li loop="$cate_list=>$key,$val" class="on"|cond="$category==$val->category_srl">
<a class="a1<!--@if($category==$val->category_srl)--> on<!--@end-->" href="{getUrl(category,$val->category_srl,'document_srl','','page','')}" title="{$lang->document_count} {$val->document_count}"|cond="!$mi->cnb_count" style="color:{$val->color}"|cond="$val->color!='transparent'">{$val->title}<small cond="$mi->cnb_count">({$val->document_count})</small></a>
<ul cond="count($val->children)" class="wrp">
<li loop="$val->children=>$idx,$item" class="li2<!--@if($category==$item->category_srl)--> on<!--@end-->"><a href="{getUrl(category,$item->category_srl,'document_srl','','page','')}" title="{$lang->document_count} {$item->document_count}"|cond="!$mi->cnb_count" style="color:{$item->color}"|cond="$item->color!='transparent'">{$item->title}<small cond="$mi->cnb_count">({$item->document_count})</small></a></li>
</ul>
</li>
</ul>
</div>
<ul cond="$mi->cnb=='cTab'" class="cTab clear">
<li class="home<!--@if(!$category)--> on<!--@end-->"><a href="{getUrl('category','','page','','document_srl','')}" title="{$lang->document_count} {number_format($total_count)}">{$lang->total}<small cond="$mi->cnb_count">({number_format($total_count)})</small></a></li>
<li loop="$cate_list=>$key,$val" class="on"|cond="$category==$val->category_srl">
<a href="{getUrl(category,$val->category_srl,'document_srl','','page','')}" style="color:{$val->color}"|cond="$val->color!='transparent'">{$val->title}<small cond="$mi->cnb_count">({$val->document_count})</small></a>
<ul cond="count($val->children)">
<li loop="$val->children=>$idx,$item" class="open on_"|cond="$category==$item->category_srl"><a href="{getUrl(category,$item->category_srl,'document_srl','','page','')}" style="color:{$item->color}"|cond="$item->color!='transparent'">{$item->title}</a></li>
</ul>
</li>
</ul>
</div>
======================================== board.js 해당영역 =================================================
// Category Navigation
bd.find('ul.cTab>li>ul>li.on_').parents('li:first').addClass('on');
var cnb = bd.find('div.bd_cnb');
if(cnb.length){
var cMore = bd.find('li.cnbMore');
var cItem = cnb.find('>ul>li');
var lastEvent = null;
function cnbToggle(){
var t = $(this);
if(t.next('ul').is(':hidden') || t.next('ul').length==0){
cItem.find('>ul').fadeOut(100);
t.next('ul').fadeIn(200);
};
};
function cnbOut(){
cItem.find('ul').fadeOut(100);
};
cItem.find('>a').mouseover(cnbToggle).focus(cnbToggle);
cItem.mouseleave(cnbOut);
cItem.find('>ul').each(function(){
var t = $(this);
t.append('<i class="edge"></i>');
if(ie8Check) t.prepend('<i class="ie8_only bl"></i><i class="ie8_only br"></i>');
if(t.width() > $('html,body').width()-t.offset().left){
t.addClass('flip');
};
});
cItem.find('>ul>li.on').parents('ul:first').show().prev().addClass('on');
function cnbStart(){
// If Overflow
cItem.each(function(){
if($(this).offset().top!=cMore.offset().top){
$(this).addClass('hidden').nextAll().addClass('hidden');
cMore.css('visibility','visible');
return false;
} else {
$(this).removeClass('hidden').nextAll().removeClass('hidden');
cMore.css('visibility','hidden');
};
});
cnb.find('>.bg_f_f9').css('overflow','visible');
};
cnbStart();
$(window).resize(cnbStart);
function cnbMore(){
cnb.toggleClass('open').find('.ui-icon').toggleClass('ui-icon-triangle-1-s').toggleClass('ui-icon-triangle-1-n');
return false;
};
if((cnb.find('.hidden a,.hidden li').hasClass('on')) && !cnb.hasClass('open')){
cnbMore();
};
cMore.click(cnbMore);
};
댓글 2
-
착한악마
2014.01.24 10:28
<ul cond="$mi->cnb=='cTab'" class="cTab clear"><li class="home<!--@if(!$category)--> on<!--@end-->"><a href="{getUrl('category','','page','','document_srl','')}" title="{$lang->document_count} {number_format($total_count)}">{$lang->total}<small cond="$mi->cnb_count">({number_format($total_count)})</small></a></li>빨강색 부분만 삭제 하시면 됩니다. -
jjin1112
2014.01.24 15:45
댓글 감사합니다. 그 영역을 삭제 하면 탭메뉴만 사라질뿐 출력되는 게시물들은 전체 게시물들이 그대로 출력 됩니다..... depth1(대분류)→depth2(소분류)의 탭메뉴와 그에 해당되는 게시물들이 출력되도록 어떻게 하는지를 부탁 드립니다.