모바일 상품분류 Multilevel Slide Menu 정보
레이아웃 모바일 상품분류 Multilevel Slide Menu관련링크
http://bikedb.co.kr/ver2/shop
840회 연결
http://mwa.kr/yc5/shop
710회 연결
첨부파일
본문
모바일페이지 상품 분류를 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}
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}
추천
6
6
댓글 전체
역시...최고 이십니다. 좋아요 누르고 갈게요
감사합니다 ㅎㅎ 아주 잘쓰고있어요!!~
감사합니다~ ^^
왜저는 안될까요?...ㅠ
2차 분류를 처음부터 펼쳐져 있게 할려면 어떻게 해야 할까요 ? 참 좋은데 php 를 몰라서요,,
디자인 괜찮네요 감사합니다~
와. 감사합니다.
고맙습니다. 잘 사용하겠습니다~~