모바일 상품분류 Multilevel Slide Menu

모바일페이지 상품 분류를 3단계까지 표시하는 슬라이드 메뉴입니다.

4단계 이상 표시시 첨부된 category.php 파일을 수정해야 합니다.

'분류명'을 클릭하면 분류페이지로 넘어가고 '+' 또는 '-' 를 클릭하면 하위 메뉴가 나타났다 사라집니다.

tefra-navgoco.zip 파일을 풀어 plugin 폴더에 업로드하고 category.php 파일을 mobile/shop 폴더에 업로드 합니다.

css/mobile_shop.css 파일중 아래 부분을 수정합니다.

/* ########## 쇼핑몰 컨텐츠 ########## */
/* 분류:새창 */
#sct_win {}
#sct_win h1 {padding:15px 0;text-align:center}
/*
#sct_win_nav {margin:0 0 20px}
#sct_win_nav h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sct_win_nav ul {border-top:1px solid #e9e9e9}
#sct_win_nav li {position:relative;border-bottom:1px solid #e9e9e9;background:#f5f6fa}
#sct_win_nav a {display:block;padding:0.5em 1em;text-decoration:none}
*/
.sct_ct_view {font-weight:bold}
.sct_list_view {position:absolute;top:0;right:0;width:4em;background:#333;color:#fff !important;text-align:center}

#sct_win_empty {margin:0 0 1em;padding:5em 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f5f6fa;text-align:center}

#sct_win .win_btn {text-align:center;padding-top:10px;}
#sct_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}