상품리스트 페이지 jQuery load 로 불러오기 > 영카트5 팁자료실

영카트5 팁자료실

상품리스트 페이지 jQuery load 로 불러오기 정보

상품리스트 페이지 jQuery load 로 불러오기

본문

jQuery로 상품 목록을 불러 올 수 있도록 수정했습니다.

좌측의 상품카테고리 영역과 상품리스트의 페이징 링크에 반응 하도록 되어있습니다.


skin/shop/스킨명/boxcategory.skin.php 에 아래 스크립트를 추가합니다.

<script>
$(function() {
	$('#gnb a, a.pg_page').live('click', function(e) {
		if(this.href.match(/list\.php/g)) {
			e.preventDefault();
			var page_title = $(this).text() + ' 상품리스트';
			var link = this.href;
			if(!this.href.match(/page/))
				document.title = page_title + ' | <?php echo $config['cf_title'];?>';
			else $('html,body').animate({scrollTop:0},'fast');
			var loading = '<div class="loading"> 상품목록을 불러오는 중입니다 </div>';
			var i = 0;
			var load = setInterval(function() { 
				$('.loading').append('.').prepend('.'); 
				i++;
				if(i ==  20) {
					i = 0;
					$('.loading').html('상품목록을 불러오는 중 오류가 발생하여 다시 시도 중입니다. 잠시만 기다려 주십시오.<br /><br /><a href="'+link+'">바로 이동하기</a>');
					location.href = link;
					clearInterval(load);
				}
			}, 500);
			$('#container').prepend(loading).load(link + '&load=true', function() {
				$('#container').prepend('<div id="wrapper_title">'+ page_title +'</div>');
				clearInterval(load);
			});
			return false;
		}
	});
});
</script>

skin/shop/스킨명/style.css 에 아래 클래스를 추가합니다.

.loading {position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; font-size:15px; font-weight:bold; background:url('/shop/img/loading.gif') 50% 120px rgba(255,255,255,0.5) no-repeat; z-index:1; padding:50px 0 0;}

/shop/list.php 를 아래와 같이 수정합니다.

if ($ca['ca_include_head'])
    @include_once($ca['ca_include_head']);
else
    include_once('./_head.php');
-------------------->>>>>---------------------
if ($ca['ca_include_head'])
    @include_once($ca['ca_include_head']);
else
    if(!$_GET['load']) include_once('./_head.php');
//////////////////////////////////////////////
if ($ca['ca_include_tail'])
    @include_once($ca['ca_include_tail']);
else
    include_once('./_tail.php');
-------------------->>>>>----------------------
if ($ca['ca_include_tail'])
    @include_once($ca['ca_include_tail']);
else
    if(!$_GET['load']) include_once('./_tail.php');

추천
1

댓글 0개

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

회원로그인

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