애니빌드.LAB
토론방
소스관련 쇼핑몰 모바일 서브메뉴 출력 ?
- b**280
- 2015-11-06 14:05:00
- hit4014
- http://lab.anybuild.co.kr/bbs/qna/4998
안녕하세요.
일반형템플렛에 쇼핑몰 추가하여 피씨 버전 구축을 완료후
쇼핑몰기반 모바일버전으로 작업 중 서브메뉴가 출력되지 않는 것을 발견했습니다.
서브메뉴 출력 되도록 부탁드립니다.
만약 쇼핑몰베이스로 서브메뉴출력이 어렵다면 일반형 구축후 쇼핑몰 추가방식으로 진행토록 삭제 부탁드립니다.
감사합니다.
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
죄송합니다만 서브메뉴 어느부분을 말씀하시는건지 조금 자세하게 설명부탁드려도 될까요?
제대로 나오는것과 안나오는것을 확인을 해서 저희쪽에서 처리를 해 놓도록 하겠습니다.
이미지 첨부합니다.
@ 설명
모바일 쇼핑몰에서는 서브네비게이션 출력을 위한 스크립트가 없습니다.
모바일 홍보형에서 서브네비게이션 스크립트를 가져와서 default_m.js 에 추가해주셔야 정상동작합니다.
@ 수정
다음 소스를 default_m.js 에 추가하였습니다.
// 서브네비게이션 활성화 함수
function createSubNavigation(obj, code)
{
scNaviToNumber(code);
var
x = nowLocation[0]
,y = nowLocation[1]
,codeNum = code.substr(0, 2)
,_tNav = $('#tNav')
;
$(_tNav.find('li')[x-1]).addClass('active');
if (obj !== null) {
obj.navToList({
'code' : codeNum + '000000',
'depthLimit' : 1,
'complete' : function(_this) {
$(_this.find('li')[y-1]).addClass('active');
}
});
}
}
다음 소스를 default_m.css 에 추가하였습니다.
/* Sub Header */
.container>div>hgroup,
.container>hgroup {background:#888; border-bottom:none !important;}
.container>div>hgroup h1,
.container>hgroup h1 {
margin:0; padding:10px 0 8px 10px !important; color:white !important;
text-shadow:0 1px 1px rgba(0,0,0,1); font-size:16px !important;
}