애니빌드.LAB
토론방
소스관련 메뉴 3,4차 뎁스에서 현재 페이지 활성화 오류
- h**adamweb
- 2016-01-14 02:49:00
- hit3773
- http://lab.anybuild.co.kr/bbs/qna/5152
(필수) 확인 가능한 전체 URL :
/page/sub5_1_2_1
/page/sub5_1_3
개발중인 hwadamweb 사이트의 메뉴는 4차뎁스까지 있습니다.
'LECTURE' 메뉴만 3,4차 뎁스가 있고, 나머지 메뉴들은 2차 뎁스까지 있습니다.
2차뎁스까지만 있는 메뉴의 페이지들은 현재 페이지 활성화 기능이 정상적으로 되고 있습니다.
참고 url : /page/sub1_1
그러나, 3,4차 뎁스 페이지에서 현재페이지 활성화 오류가 다음과 같이 나타납니다.
1. 4차 뎁스의 페이지에선, 현재활성화중인 3차 뎁스 메뉴에 활성화 클래스on 이 잘 적용되나, 활성중인 2차, 1차 뎁스 메뉴에는 활성화가 되고 있지 않습니다.
참고 url : /page/sub5_1_2_1
2. 3차 뎁스의 페이지에선, 현재활성화중인 3차뎁스, 2차뎁스, 1차뎁스 메뉴에 활성화 클래스가 적용되고 있지 않습니다.
참고 url : /page/sub5_1_3
ps. LECTURE 메뉴 클릭시 임시 페이지로 링크를 걸어놔서, 참고 url을 통해 문제 현상을 확인해주세요.
1,2,3,4차 뎁스 모두 그룹디자인 관리 프로그램 마법사로 만들어졌습니다.
{GROUP_topgnb}
{GROUP_lnblec}
{GROUP_cnblec}
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
{GROUP_topgnb}
위의 그룹디자인은 1차와 2차네비게이션이 출력이 되네요...
그럼 소스를 아래와 같이 변경을 해주시기 바랍니다.
<div class="gnb_wrap">
<div class="gnb">
<div class="gnb_bg">
</div>
<ul class="depth1">
<!--@foreach($navi_category_menu[sub_menu] as $k=>$v)-->
<li cond="$v[visible]" class="on"|cond="$v[code]==$NAVI_INFO[parent]">
<a href="{$v[link_url]}" target="{$v[link_target]}"|cond="$v[link_target]">
<img src="/img_up/shop_pds/hwadamweb/design/images/shoppingbag.png" style="display:inline-block; padding-right:5px;;" cond="$v[subject]=='쇼핑몰'" />{$v[subject]}
</a>
<!-- 2 Depth -->
<ul class="depth2">
<!--@foreach($v[sub_menu] as $k2=>$v2)-->
<li cond="$v2[visible]" class="on"|cond="$v2[code]==$NAVI_INFO[code]">
<a href="{$v2[link_url]}" target="{$v2[link_target]}"|cond="$v2[link_target]">
{$v2[subject]}
</a>
</li>
<!--@end-->
</ul>
<!-- // 2 Depth -->
</li>
<!--@end-->
</ul>
</div><!-- end gnb -->
</div><!-- end gnb_wrap -->
위의 두개 NAVI_INFO값을
<div class="gnb_wrap">
<div class="gnb">
<div class="gnb_bg">
</div>
<ul class="depth1">
<!--@foreach($navi_category_menu[sub_menu] as $k=>$v)-->
<li cond="$v[visible]" class="on"|cond="$v[code]==$NAVI_INFO[path][0][code]">
<a href="{$v[link_url]}" target="{$v[link_target]}"|cond="$v[link_target]">
<img src="/img_up/shop_pds/hwadamweb/design/images/shoppingbag.png" style="display:inline-block; padding-right:5px;;" cond="$v[subject]=='쇼핑몰'" />{$v[subject]}
</a>
<!-- 2 Depth -->
<ul class="depth2">
<!--@foreach($v[sub_menu] as $k2=>$v2)-->
<li cond="$v2[visible]" class="on"|cond="$v2[code]==$NAVI_INFO[path][1][code]">
<a href="{$v2[link_url]}" target="{$v2[link_target]}"|cond="$v2[link_target]">
{$v2[subject]}
</a>
</li>
<!--@end-->
</ul>
<!-- // 2 Depth -->
</li>
<!--@end-->
</ul>
</div><!-- end gnb -->
</div><!-- end gnb_wrap -->
이렇게 변경을 해주시기 바랍니다.
{GROUP_lnblec}
이 그룹디자인은 기본 2단계부터 시작을 합니다. 따라서
<div class="lnb">
<ul>
<!--@foreach($navi_category_menu[sub_menu] as $k=>$v)-->
<li cond="$v[visible]" class="on"|cond="$v[code]==$NAVI_INFO[code]"><!--$NAVI_INFO[parent]-->
<a href="{$v[link_url]}" target="{$v[link_target]}"|cond="$v[link_target]">
{$v[subject]}
</a>
</li>
<!--@end-->
</ul>
</div><!-- end lnb -->
이 부분을
<div class="lnb">
<ul>
<!--@foreach($navi_category_menu[sub_menu] as $k=>$v)-->
<li cond="$v[visible]" class="on"|cond="$v[code]==$NAVI_INFO[path][1][code]"><!--$NAVI_INFO[parent]-->
<a href="{$v[link_url]}" target="{$v[link_target]}"|cond="$v[link_target]">
{$v[subject]}
</a>
</li>
<!--@end-->
</ul>
</div><!-- end lnb -->
이렇게 변경을 해주시기 바랍니다.
마지막으로 {GROUP_cnblec} 이 그룹디자인은 기본 3단계부터 시작을 합니다.
<div class="cnb">
<!-- 1 Depth -->
<ul class="depth1">
<!--@foreach($navi_category_menu[sub_menu] as $k=>$v)-->
<li cond="$v[visible]" class="on"|cond="$v[code]==$NAVI_INFO[parent]">
<a href="{$v[link_url]}" target="{$v[link_target]}"|cond="$v[link_target]">
{$v[subject]}
</a>
<!-- 2 Depth -->
<ul class="depth2">
<!--@foreach($v[sub_menu] as $k2=>$v2)-->
<li cond="$v2[visible]" class="on"|cond="$v2[code]==$NAVI_INFO[code]">
<a href="{$v2[link_url]}" target="{$v2[link_target]}"|cond="$v2[link_target]">
{$v2[subject]}
</a>
</li>
<!--@end-->
</ul>
<!-- // 2 Depth -->
</li>
<!--@end-->
</ul>
<!-- // 1 Depth -->
</div><!-- end cnb -->
이 부분을
<div class="cnb">
<!-- 1 Depth -->
<ul class="depth1">
<!--@foreach($navi_category_menu[sub_menu] as $k=>$v)-->
<li cond="$v[visible]" class="on"|cond="$v[code]==$NAVI_INFO[path][3][code]">
<a href="{$v[link_url]}" target="{$v[link_target]}"|cond="$v[link_target]">
{$v[subject]}
</a>
<!-- 2 Depth -->
<ul class="depth2">
<!--@foreach($v[sub_menu] as $k2=>$v2)-->
<li cond="$v2[visible]" class="on"|cond="$v2[code]==$NAVI_INFO[path][4][code]">
<a href="{$v2[link_url]}" target="{$v2[link_target]}"|cond="$v2[link_target]">
{$v2[subject]}
</a>
</li>
<!--@end-->
</ul>
<!-- // 2 Depth -->
</li>
<!--@end-->
</ul>
<!-- // 1 Depth -->
</div><!-- end cnb -->
이렇게 변경을 해주시면 됩니다.