묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
Xe 사용하는데요 -- 메인 메뉴에서 3차메뉴까지 나오게 하려면 어떻게 해야 할까요?
2014.09.18 20:22
안녕하세요
아래의 페이지 입니다.
http://idsukltd.cafe24.com/xe/
메뉴를 3차 서브까지 해놓았는데
1차->2차--> 3차
지금은 2차까지 보이는데, layout.html 은 아래와 같습니다.
<!-- GNB -->
<nav class="gnb" id="gnb">
<ul class="nav navbar-nav navbar-left">
<li loop="$GNB->list=>$key1,$val1" class="dropdown">
<a class="first_a" href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
<ul cond="$val1['list']" class="dropdown-menu">
<li loop="$val1['list']=>$key2,$val2"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a></li>
</ul>
</li>
</ul>
</nav>
<!-- /GNB -->
그리고
layout.js ----------------------------- 입니다.-----------------------------------------
jQuery(function($){
$('.dropdown').hover(function(){
$(this).addClass('open');
});
$('.dropdown').focus(function(){
$(this).addClass('open');
});
$('.dropdown').mouseleave(function(){
$(this).removeClass('open');
});
$('.act_menu').click(function(){
$('.total_menu').toggle();
});
var gMenu = $('div.total_menu');
var gItem = gMenu.find('>div>ul>li');
var ggItem = gMenu.find('>div>ul>li>ul>li');
var lastEvent = null;
function gMenuToggle(){
var t = $(this);
if (t.next('ul').is(':hidden') || t.next('ul').length == 0) {
gItem.find('>ul').slideUp(200);
gItem.find('button').removeClass('hover');
t.next('ul').slideDown(200);
t.addClass('hover');
} else {
gItem.find('>ul').slideUp(200);
gItem.find('button').removeClass('hover');
};
};
gItem.find('>button').click(gMenuToggle);
var scrollToTop = function() {
// Get link
var link = $('#to-top');
var windowW = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
$(window).scroll(function() {
// If the user scrolled a bit (150 pixels) show the link in large resolutions
if (($(this).scrollTop() > 150) && (windowW > 991)) {
link.fadeIn(100);
} else {
link.fadeOut(100);
}
});
// On click get to top
link.click(function() {
$('html, body').animate({scrollTop: 0}, 400);
return false;
});
};
});
--------------------------------------------------------------------------------------------
어떻게 해야 3차메뉴가 이레이아웃에 사용될 수 있을 까요?
문의 드립니다.
감사합니다.
제 사이트에 질문글을 올리셨죠??
몇일 바빠서 신경을...
위 레이아웃은 기본적으로 2차 메뉴까지만 감안해서 만들어진 레이아웃이라 메뉴부분부터 로컬메뉴 까지 js부터 css 까지 새로 만들어야 합니다.
사실상 수정하기 힘들겁니다.