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

본문 바로가기
전체검색

그누스킨닷컴

영카트강좌

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

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

페이지 정보

작성자 관리자 작성일17-06-16 04:13 조회1,073회

본문

영카트강좌

영카트 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>
 

## 추가된 부분 위치 참고용 화면

cab3c7d572a2f13b36d6b1125ecdd2cd_1534375979_2786.png
 


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번째 메뉴 아래에 위치하게 됩니다.

 

## 추가된 부분 위치 참고용 화면

cab3c7d572a2f13b36d6b1125ecdd2cd_1534376676_6558.png
 


2단계 메뉴 관련 참고사항 

 

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

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


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

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

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


2단까지는 필요 없으면 이렇게만 추가하면 됩니다.
<li class="gnb_1dli"><a href="#" class="gnb_1da">하단메뉴1</a></li>
<li class="gnb_1dli"><a href="#" class="gnb_1da">하단메뉴2</a></li>

 

모바일 화면 메뉴 수정 방법 

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

관리자님의 댓글

관리자

영카트 5.3 PC 기본 테마에도 직접 해보니 적용 방법은 동일합니다.

커뮤니티는 당분간 중단하겠습니다.
영카트강좌 목록
번호 제목
49 상품 유형 아이콘 이미지로 변경
48 상품 주문시 관리자에게 문자 전송할 때 주문 고객 연락처 추가하기
47 상품 검색시 최근 등록된 상품순으로 정렬
46 주문 내역 조회 페이지에 상품명 출력하기
45 주문 내역 삭제하기
44 상품 문의 게시판 작성자 이름 대신에 닉네임 출력하기
43 다음 주소 우편번호 검색 창 레이어나 새창 방식으로 변경하기
42 상품 여분 필드 10개 이상 추가하기
41 상품 목록 스킨에 사용후기 별점 평가 점수 출력하기
40 등록된 상품 전체를 출력하는 페이지 생성하기
39 모바일 상품 리스트에서 더보기 방식 대신에 페이징으로 변경
38 영카트 분류 메뉴에 특정 메뉴를 끼워 넣는 방법 - 5.3 버전 모바일
37 pp_cli_x64 파일을 바이너리 타입으로 다시 업로드하여 주십시오.
36 pp_cli_x64 실행권한을 부여해 주십시오. 댓글1
35 상품 목록에 구매시 지급되는 포인트 출력
34 상품 관리 권한을 특정 회원에게 부여하기 (관리 회원 아이디)
33 쇼핑몰 페이지 전체 임시 접근 금지
32 비회원으로 구매하기 클릭시 로그인 창 삭제하기 댓글1
31 상품 목록 정렬을 최근 등록 날짜순이나 후기가 많은 순서대로 정렬하기
30 배송 정보를 이미지로 만들어서 넣었을 때 페이지 밀림 방지
29 상품 목록 보기 방식을 갤러리 타입에서 리스트 타입으로 변경
28 상품 이미지를 썸네일이 아닌 원본으로 출력
27 주문서 전하실 말씀 textarea에 내용 미리 입력
26 1:1문의 페이지에 영카트 레이아웃 적용하기 모바일 지원
25 FAQ 페이지에 영카트 레이아웃을 적용하기
게시물 검색


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

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