탑 메뉴 (PC) > 영카트5 스킨

영카트5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

탑 메뉴 (PC) 정보

레이아웃 탑 메뉴 (PC)

첨부파일

sir_shop_menu_2017.08.29.7z (169.5K) 292회 다운로드 2017-08-29 04:05:33 포인트 차감500

본문

http://sir.co.kr/yc5_skin/329?sfl=mb_id%2C1&stx=fm25

앞서 게시했던 위 스킨을 테마에 맞게 수정해보았습니다.

그누보드가 테마 버전으로 변경된 후, 테마에 포함 시켜 혼자 사용해왔는데...
포함 시키지 않는 것이 맞을 것 같아서 분리해보았으나 완전한 분리는 안되는군요.


js/jquery.shop.topmenu.js
추가...

theme/테마명/skin/shop/basic/topmenu.skin.php
theme/테마명/skin/shop/basic/img/gnb_bg01.gif
추가...


theme/테마명/skin/shop/basic/style.css
에 아래 소스 추가

/* Add 메인메뉴 */
#snb {position:relative;margin:-1px 0 0;background:#585858;color:#fff;zoom:1}
#snb:after {display:block;visibility:hidden;clear:both;content:''}
#snb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#snb a {display:block;text-decoration:none}

#snb .snb_1da, #snb2 a {display:inline-block;padding:0 10px;height:44px;font-size:1.1em;color:#fff;font-weight:bold;line-height:3.3em}
#snb .snb_1da:focus, #snb .snb_1da:hover, #snb2 a:focus, #snb2 a:hover {background-color:#fff;color:#585858}

#snb_1dul {margin:0 auto !important;padding:0;width:1000px;zoom:1}
#snb_1dul:after {display:block;visibility:hidden;clear:both;content:''}
.snb_1dli {position:relative;float:left}
.snb_1dli_on {color:#fff;text-decoration:none}
.snb_1dli_over {background-color:#585858}
#snb .snb_1da {line-height:3.3em}
#snb .snb_1dam {padding:0 40px 0 10px;background:url('img/snb_bg00.gif') center right no-repeat}
.snb_2dul {display:none;z-index:1002;position:absolute;border:1px solid #585858;border-top:0}
.snb_1dli_over .snb_2dul, .snb_1dli_over2 .snb_2dul {display:block;top:44px;left:-1px;width:180px;background:#585858}
.snb_2da {display:none;font-size:1.1em}
.snb_1dli_over .snb_2da {display:inline-block;padding:12px 10px;color:#fff}
.snb_1dli_over .snb_2da:focus, .snb_1dli_over .snb_2da:hover {background:#fff;color:#585858;text-decoration:none}
.snb_2da0 {background:#585858}
.snb_2da1 {}

#snb2 {float:right;color:#fff;zoom:1}
#snb2:after {display:block;visibility:hidden;clear:both;content:''}
#snb2 li {float:left}



기존의 카테고리 메뉴와 부딪치는 부분이 있으므로...

aside:gnb
에서

.gnb_2da {display:none}


.gnb_2da {display:block;padding:10px;border-bottom:1px solid #e9e9e9}
로 수정합니다.


theme/테마명/head.sub.php

<script src="<?php echo G5_JS_URL ?>/jquery-1.8.3.min.js"></script>
줄 아래에

<script src="<?php echo G5_JS_URL ?>/jquery.shop.topmenu.js"></script>
를 삽입해줍니다.


theme/테마명/shop/shop.head.php

</div>

<div id="wrapper">
위에

<div>
    <?php include_once(G5_SHOP_SKIN_PATH.'/topmenu.skin.php'); // 메인메뉴 ?>
</div>
를 삽입해줍니다.


theme/테마명/skin/shop/basic/style.css
theme/테마명/head.sub.php
theme/테마명/shop/shop.head.php
는 사용자가 수정한 내용이 있을지도 모르니 덮어씌우지는 마십시오.


-----------------------------------------------------------------------------------------

메뉴를 수동으로 등록하려면...

'theme/테마명/skin/shop/basic/topmenu.skin.php'에 삽입해줍니다.

<li class="snb_1dli" style="z-index:<?php echo $snb_zindex--; ?>">
            <a href="<?php echo G5_SHOP_URL; ?>/s_shop.php" class="snb_1da">고객지원</a>
        </li>
1차 메뉴 예

<li class="snb_1dli" style="z-index:<?php echo $snb_zindex--; ?>">
            <a href="<?php echo G5_SHOP_URL; ?>/s_shop.php" class="snb_1da snb_1dam">고객지원</a>
            <ul class="snb_2dul">
	        <li class="snb_2dli"><a href="<?php echo G5_BBS_URL; ?>/board.php?bo_table=s_notice" class="snb_2da snb_2da0">공지사항</a></li>
                <li class="snb_2dli"><a href="<?php echo G5_BBS_URL; ?>/board.php?bo_table=s_free" class="snb_2da snb_2da1">자유게시판</a></li>
		<li class="snb_2dli"><a href="<?php echo G5_BBS_URL; ?>/board.php?bo_table=qa" class="snb_2da snb_2da0">질문답변</a></li>
            </ul>
        </li>
1, 2차 메뉴 예


1차 메뉴는 아래의 예처럼 php 파일을 만들어 적용했습니다.

<?php
include_once('./_common.php');

if (G5_IS_MOBILE) {
    include_once(G5_MSHOP_PATH.'/s_shop.php');
    return;
}

$g5['title'] = '고객지원';
include_once('./_head.php');
?>

<!-- 내용 시작 { -->
    <div>
       고객지원 그룹 예시<br><br><br>
    </div>
    <div>
       <center><img Src="<?php echo G5_SHOP_URL ?>/img/s_shop.png"></center><br><br><br>
    </div>
    <section id="sidx_lat">
       <h2>쇼핑몰 최신글</h2>
       <?php echo latest('shop_basic', 's_notice', 5, 30); ?>
       <?php echo latest('shop_basic', 's_free', 5, 25); ?>
       <?php echo latest('shop_basic', 'qa', 5, 20); ?>
    </section>
<!-- } 내용 끝 -->

<?php
include_once('./_tail.php');
?>

만든 php 파일은 'shop'과 'mobile' 폴더에 넣어주었습니다.
이 파일들과 제일 처음에 거론한 js 파일 외에는 테마로 포함되어버렸으니... 작업 의도와 다른 결론이 났네요.
테마를 바꾸더라도 메뉴는 유지될 수 있게 만들고자 했는데...;;;

최근글 스킨도 테마 스킨이 아닙니다. 'theme/shop_basic'이 먹히지 않네요.


게시판을 열었을 때... 커뮤니티에서 열리지않고 쇼핑몰에서 열리도록 하려면 아래의 방법을 사용하면 됩니다.
(커뮤니티를 사용하지않고 쇼핑몰 하나만 통합 운영하는 경우는 아래 과정이 필요 없습니다)

http://sir.co.kr/qa/?wr_id=34210#answer_34228

쇼핑몰 전용 게시판을 만듭니다.
전용 게시판은 관리자 도구의 '메뉴 설정'에는 등록하지 않습니다.

상단 파일 경로 ../shop/_head.php
하단 파일 경로 ../shop/_tail.php

게시판 관리에서 상하단 파일을 위와 같이 등록해줍니다.


'theme/테마명/head.sub.php'에서

if (defined('_SHOP_')) $shop_css = '_shop'; 
에 아래와 같은 방식으로 쇼핑몰에서 불러올 게시판을 입력해줍니다.

if (defined('_SHOP_') or $bo_table == "게시판 아이디") $shop_css = '_shop';


if (defined('_SHOP_') or $bo_table == "s_notice" or $bo_table == "s_free" or $bo_table == "qa") $shop_css = '_shop';
이런 식으로 여러개의 게시판을 등록할 수도 있습니다.

if (defined('_SHOP_') or $gr_id == "shop") $shop_css = '_shop';
이런 식으로 그룹을 등록해도 됩니다.


예시 : http://internationale.kr/shop

php 예시파일을 포함해서 압축하여 첨부합니다.
추천
2

댓글 전체

적용해 보았더니 아래와같은 에러가나는데 적용을 잘못한건가요?
Warning: mysql_num_rows(): supplied argument is not a valid MySQL result resource in C:\ddd\theme\basic\skin\shop\basic\topmenu.skin.php on line 33
안녕하세요.
올려주신 덕분에 잘 적용했습니다.
다만, 인터넷 익스플로러에서는 잘 표시되는데,
크롬에서는 레이어 적용이 안되며, 1-2차 모든 메뉴가 펼쳐진채로 고정이네요.
수정해야할 부분이 있는지 고견 부탁드립니다.
감사합니다!
전체 120
영카트5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT