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

관리자 환경의 배너 관리와 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 폴더에 추가

* 첨부 파일 참조