PC환경 쇼핑몰 메인 페이지 이미지 슬라이더 > 영카트5 팁자료실

영카트5 팁자료실

PC환경 쇼핑몰 메인 페이지 이미지 슬라이더 정보

PC환경 쇼핑몰 메인 페이지 이미지 슬라이더

첨부파일

FlexSlider.zip (28.6K) 141회 다운로드 2014-02-12 22:24:54
boxbanner.maintop.skin.php (1.4K) 64회 다운로드 2014-02-12 22:19:32

본문

관리자 환경의 배너 관리와 FlexSlider를 이용합니다.


/adm/shop_admin/bannerform.php 파일 수정 - '메인 상단' 추가


<select name="bn_position" id="bn_position">
<option value="왼쪽" <?php echo get_selected($bn['bn_position'], '왼쪽'); ?>>왼쪽</option>
        <option value="메인" <?php echo get_selected($bn['bn_position'], '메인'); ?>>메인</option>
        <option value="메인상단" <?php echo get_selected($bn['bn_position'], '메인상단'); ?>>메인상단</option>
</select>


/shop/index.php 파일 수정

<!-- 메인이미지 시작 { -->
<script>
// Can also be used with $(document).ready()
$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide"
  });
});
</script>
<link rel="stylesheet" href="<?php echo G5_URL; ?>/plugin/FlexSlider/flexslider.css" type="text/css" media="screen">
<script defer src="<?php echo G5_URL; ?>/plugin/FlexSlider/jquery.flexslider-min.js"></script>

<div id="sidx_img">
<div class="flexslider">
<?php echo display_banner_maintop('메인상단'); ?>
</div>
</div>
<!-- } 메인이미지 끝 -->


/lib/shop.lib.php 파일 수정 - function 추가

// PC환경 쇼핑몰 메인상단 배너출력
function display_banner_maintop($position, $num="")
{
    global $g5;

    include G5_SHOP_SKIN_PATH.'/boxbanner.maintop'.$num.'.skin.php';
}



/skin/shop/basic 폴더에 boxbanner.maintop.skin.php 파일 업로드

* 첨부 파일 참조



FlexSlider 폴더를 plugin 폴더에 추가

* 첨부 파일 참조
추천
5

댓글 10개

추천합니다.!!

ps.
함수 새로 작성 없이 (/lib/shop.lib.php 함수 추가 없이)

boxbanner.maintop.skin.php 이 파일명이면
출력을 아래와 같이(기존 함수 $num 옵션 이용) 작성 하는 형태로 안내되면 어떨까 합니다.
<?php echo display_banner('메인상단', '.maintop'); ?>


boxbanner_maintop.skin.php 파일명이면
<?php echo display_banner('메인상단', '_maintop'); ?>
전체 391
영카트5 팁자료실 내용 검색

회원로그인

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