영카트 분류메뉴 중간에 특정 메뉴를 끼워넣는 방법 - PC > 영카트 강좌

본문 바로가기
전체검색

아이디비번찾기

영카트 강좌

그누보드 영카트 초보 사용자를 위한 기본 매뉴얼, 스킨 제작 기초강좌를 공유합니다.

영카트 분류메뉴 중간에 특정 메뉴를 끼워넣는 방법 - PC

페이지 정보

작성자 관리자 작성일17-06-16 04:13 조회514회

첨부파일

boxcategory.skin.php (3.1K) 2017-06-16 04:13:14

본문

영카트 강좌

영카트 PC화면 왼쪽에 있는 분류메뉴는 쇼핑몰 관리자에서 생성한 상품분류가 기본 메뉴로 설정됩니다.

이 부분에 특정 메뉴를 끼워 넣어 보겠습니다.


수정파일 (영카트 원본 스킨 기준)

skin/shop/basic/boxcategory.skin.php

테마용 스킨을 사용 중이면 테마 폴더에 있는 스킨을 수정하세요.

 

1. 하단에 추가하는 방법

 

   </ul>

</nav>

<!-- } 쇼핑몰 카테고리 끝 -->


마지막 부분에 있는 </ul> 바로 윗부분에 이렇게 추가합니다.


<li class="gnb_1dli">
    <a href="#" class="gnb_1da gnb_1dam">하단메뉴1</a>
    <ul class="gnb_2dul">
        <li class="gnb_2dli"><a href="#" class="gnb_2da">하단메뉴1-1</a></li>
        <li class="gnb_2dli"><a href="#" class="gnb_2da">하단메뉴1-2</a></li>
        <li class="gnb_2dli"><a href="#" class="gnb_2da">하단메뉴1-3</a></li>
    </ul>
</li>
<li class="gnb_1dli"><a href="#" class="gnb_1da">하단메뉴2</a></li>
<li class="gnb_1dli"><a href="#" class="gnb_1da">하단메뉴3</a></li>
 


2. 상품분류 메뉴 중간에 끼워 넣는 방법


<?php
// 1단계 분류 판매 가능한 것만
..................
.................. 
    $result2 = sql_query($sql2);
    $count = sql_num_rows($result2);
?>
 

윗부분 바로 아래에 이렇게 추가하면 됩니다.


<?php if ($i == 3) { ?>
<li class="gnb_1dli"><a href="#" class="gnb_1da">분류중간에넣기1</a></li>
<li class="gnb_1dli">
    <a href="#" class="gnb_1da gnb_1dam">분류중간에넣기2</a>
    <ul class="gnb_2dul">
        <li class="gnb_2dli"><a href="#" class="gnb_2da">분류중간에넣기2-1</a></li>
        <li class="gnb_2dli"><a href="#" class="gnb_2da">분류중간에넣기2-2</a></li>
        <li class="gnb_2dli"><a href="#" class="gnb_2da">분류중간에넣기2-3</a></li>
    </ul>
</li>
<?php } ?>
 

여기서 if ($i == 3) 숫자로 위치를 조정하는 방식입니다.

예를 들어 3으로 했다면 3번째 메뉴 아래에 위치하게 됩니다.

 

 

2단계 메뉴 관련 참고사항

 

샘플메뉴는 1단 2단 둘 다 넣어놨는데요.

스크린샷 화면을 보면 2단 메뉴가 있을 때는 우측에 화살표로 표시되어 있죠.


2단으로 된 메뉴 class 부분을 보면 이렇게 되어 있습니다.

<a href="#" class="gnb_1da gnb_1dam">분류중간에넣기2</a>

화살표 표시는 gnb_1dam 여기에서 설정됩니다.


수정된 파일도 첨부해놨으니 잘 안 되면 참고하세요.



모바일 화면 메뉴 수정 방법

http://gnustudy.com/bbs/board.php?bo_table=yc_tip&wr_id=6

로그인 후 댓글을 남겨주세요.
영카트 강좌 목록
번호 제목
30 배송 정보를 이미지로 만들어서 넣었을 때 페이지 밀림 방지
29 상품 목록 보기 방식을 갤러리 타입에서 리스트 타입으로 변경
28 상품 이미지를 썸네일이 아닌 원본으로 출력
27 주문서 전하실 말씀 textarea에 내용 미리 입력
26 1:1문의 페이지에 영카트 레이아웃 적용하기 모바일 지원
25 FAQ 페이지에 영카트 레이아웃을 적용하기
24 인덱스 페이지에 특정 상품 분류 페이지를 직접 출력하기 댓글1
23 상품 목록용 썸네일 이미지 별도로 사용하기
22 상품목록 스킨에 최소 최대 구매 수량 출력
21 메인페이지에 상품 문의 최신글 출력 댓글1
20 영카트 레이아웃을 특정 게시판에 적용하기 모바일 지원
19 상품 여분 필드에 스마트 에디터 적용
18 상품 리스트 페이지에서 정렬 옵션 선택했을 때 활성화 효과
17 상품 썸네일 이미지 여백 없이 생성 크롭 설정 변경 댓글1
16 상품 여분 필드 사용 방법
15 Datepicker 특정 요일 선택 금지 영카트 희망 배송일에 사용
14 주문내역 목록에서 운송장번호 일괄등록 댓글4
13 상품 유형 관리에 이벤트 항목 추가 댓글3
12 모바일 페이지에서 상품 유형 아이콘 출력
11 상품 썸네일 이미지 일괄 삭제
10 주문금액이 일정 금액 이상일 때만 포인트 결제 사용 가능
9 메인페이지나 상품 목록 스킨에서 글자수 자르기
8 상품 이미지 10개 이상 등록하기
7 상품 판매가격 회원들에게만 노출
열람중 영카트 분류메뉴 중간에 특정 메뉴를 끼워넣는 방법 - PC
게시물 검색


그누스터디는 그누보드, 영카트 초보 사용자를 위한 정보를 공유합니다.

Copyright © GNUSTUDY. All rights reserved.
상단으로