모바일에도 배너 기능 넣기 > 영카트5 팁자료실

영카트5 팁자료실

모바일에도 배너 기능 넣기 정보

모바일에도 배너 기능 넣기

본문

배너관리기능을 모바일에도 적용하는 방법입니다.(단순 복붙팁입니다)

1. /skin/shop/mainbanner.10.skin.php 파일을 /mobile/skin/shop/mainbanner.10.skin.php 로 복사

2. /mobile/skin/shop/mainbanner.10.skin.php 파일 상단에 있는 add_stylesheet 주석처리
//add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);

3. /mobile/skin/shop/style.css 에 배너 관련 css추가(/skin/shop/style.css 파일 참고)
/* aside:배너 */
.sbn {margin:0 0 5px}
.sbn h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sbn ul {margin:0;padding:0;border:0;list-style:none}
.sbn li {margin:0 0 1px}
.sbn .sbn_border {border:1px solid #d5d5d5} /* 인덱스 배너도 함께 사용 */

#sbn_idx {position:relative;margin:0}
#sbn_idx .sbn_btn {z-index:100;position:absolute;top:50%}
#sbn_idx .sbn_btn button {position:relative;top:-35px;margin:0;padding:0;width:70px;height:70px;border:0;background:transparent;overflow:hidden}
#sbn_idx .sbn_btn span {display:block;width:100%;height:100%;background:url('img/sbn_btn.png')}
#sbn_idx #sbn_btn_p {left:25px}
#sbn_idx .sbn_btn #sbn_btn_prev span {background-position:0 0}
#sbn_idx #sbn_btn_n {right:25px}
#sbn_idx .sbn_btn #sbn_btn_next span {background-position:-70px 0}
#sbn_idx ul {position:relative;overflow:hidden}
#sbn_idx ul li {position:absolute;display:none;top:0;left:0}
#sbn_idx ul li.sbn_first{display:block}

4. /adm/shop_admin/bannerform.php 파일 85라인 select에 모바일 추가
<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>

5. /mobile/shop/index.php 파일 상단에 배너 출력 함수 추가
// 배너출력
function display_banner_mobile($position, $skin='')
{
    global $g5;

    if (!$position) $position = '모바일메인';
    if (!$skin) $skin = 'boxbanner.skin.php';

    $skin_path = G5_MSHOP_SKIN_PATH.'/'.$skin;

    if(file_exists($skin_path)) {
        // 배너 출력
        $sql = " select * from {$g5['g5_shop_banner_table']} where '".G5_TIME_YMDHIS."' between bn_begin_time and bn_end_time and bn_position = '$position' order by bn_order, bn_id desc ";
        $result = sql_query($sql);

        include $skin_path;
    } else {
        echo '<p>'.str_replace(G5_PATH.'/', '', $skin_path).'파일이 존재하지 않습니다.</p>';
    }
}

6. 마지막으로 배너 뿌려줄 위치에 아래처럼 적으면 됩니다.(/mobile/shop/index.php)
<?php echo display_banner_mobile('모바일메인', 'mainbanner.10.skin.php'); ?>
추천
0

댓글 2개

전체 391
영카트5 팁자료실 내용 검색

회원로그인

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