|
|
@@ -261,176 +261,16 @@
|
|
|
</div>
|
|
|
|
|
|
<div id="infiniteContainer">
|
|
|
- <div id="listBoxOuter">
|
|
|
- <!-- 상품진열 -->
|
|
|
- <ul class="productlist quarter" id="listBox"><!-- max 30개 정렬-->
|
|
|
+ <div id="listBoxOuter" class="itemsGrp">
|
|
|
+ <ul class="productlist quarter" >
|
|
|
</ul>
|
|
|
- <!-- //상품진열 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="itemsGrp"> <!-- itemsGrp rank hot deal -->
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="rank ranker"><span>1</span></div>
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="BLUE-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">80,100
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- <span class=" itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="rank ranker"><span>1</span></div>
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="BLUE-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">80,100
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- <span class=" itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- <span class="badge13">쿠폰할인 </span>
|
|
|
- <span class="badge13">무료배송 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="rank ranker"><span>1</span></div>
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="BLUE-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">80,100
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- <span class=" itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- <span class="badge13">쿠폰할인 </span>
|
|
|
- <span class="badge13">무료배송 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="rank ranker"><span>1</span></div>
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="BLUE-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">80,100
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- <span class=" itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="rank ranker"><span>1</span></div>
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="BLUE-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">80,100
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- <span class=" itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="rank ranker"><span>1</span></div>
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="BLUE-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">80,100
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- <span class=" itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="itemsGrp" id="listBox">
|
|
|
+
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -439,7 +279,7 @@
|
|
|
</div>
|
|
|
<form id="searchGoodsForm" name="searchGoodsForm">
|
|
|
<input type="hidden" name="pageNo" id="pageNo" value ="1"/>
|
|
|
- <input type="hidden" name="pageSize" value ="32"/>
|
|
|
+ <input type="hidden" name="pageSize" value ="30"/>
|
|
|
<input type="hidden" name="cateNo" th:value="${cateInfo.cateNo}"/>
|
|
|
<input type="hidden" name="cateGb" th:value="${cateInfo.cateGb}"/>
|
|
|
<input type="hidden" name="brandGroupNo" th:value="${cateInfo.brandGroupNo}"/>
|
|
|
@@ -515,6 +355,7 @@
|
|
|
|
|
|
// 상품 검색
|
|
|
var fnGetInfiniteScrollDataList = function (pageNum){
|
|
|
+ console.log('pageNum:::'+pageNum);
|
|
|
$("#searchGoodsForm input[name=pageNo]").val(pageNum+1);
|
|
|
gagajf.ajaxFormSubmit("/display/category/goods/list", document.searchGoodsForm, gagaInfiniteScroll.jsonToHtml);
|
|
|
}
|
|
|
@@ -526,9 +367,13 @@
|
|
|
gagaInfiniteScroll.pageStatus.totalCount = result.totalCnt;
|
|
|
|
|
|
var ithrCd = '';
|
|
|
- var contentLoc = 'CATE1100';
|
|
|
+ var contentLoc = '';
|
|
|
if (result.dataList != null && result.dataList.length > 0) {
|
|
|
- var htm = fnCreateGoodsList(result, ithrCd, contentLoc);
|
|
|
+ var goodsUrl = [[${@environment.getProperty('upload.goods.view')}]];;
|
|
|
+ let lastPage = result.paging.pageable.pageNo;
|
|
|
+ let endRow = result.endRow - result.paging.pageable.pageSize;
|
|
|
+ var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow);
|
|
|
+ console.log('1234');
|
|
|
gagaInfiniteScroll.draw(htm);
|
|
|
}else {
|
|
|
if($("#searchForm input[name=pageNo]").val()==1){
|
|
|
@@ -644,6 +489,58 @@
|
|
|
return tag;
|
|
|
}
|
|
|
|
|
|
+ // 사파리 - event.persisted || 크롬 - window.performance.navigation.type 이 1이면 새로고침, 2면 페이지 이동을 통한 캐쉬페이징
|
|
|
+ $(window).on("pageshow", function(event) {
|
|
|
+ $('#filterForm input[name=brand]:checked').each(function(){
|
|
|
+ $(this).parent().addClass("active");
|
|
|
+ });
|
|
|
+ $('#filterForm input[name=size]:checked').each(function(){
|
|
|
+ $(this).parent().addClass("active");
|
|
|
+ });
|
|
|
+ $('#filterForm input[name=price]:checked').each(function(){
|
|
|
+ $(this).parent().addClass("active");
|
|
|
+ });
|
|
|
+ if ( (event.originalEvent && event.originalEvent.persisted) || (window.performance && window.performance.navigation.type == 2)) {
|
|
|
+ var historyData = sessionStorage.getItem(document.location.href);
|
|
|
+ if(historyData!=null){
|
|
|
+ historyData = JSON.parse(historyData);
|
|
|
+ }else{
|
|
|
+ historyData = {};
|
|
|
+ }
|
|
|
+ if(typeof historyData.sortGbNm!='undefined' && historyData.sortGbNm!=''){
|
|
|
+ $(".arrayWrap .btn").text(historyData.sortGbNm);
|
|
|
+ }
|
|
|
+ if(typeof historyData.filterHtml!='undefined' && historyData.filterHtml!=''){
|
|
|
+ $("#searchForm").append(historyData.filterHtml);
|
|
|
+ filterHtml = historyData.filterHtml;
|
|
|
+ }
|
|
|
+ if(typeof historyData.filterStatHtml!='undefined' && historyData.filterStatHtml!=''){
|
|
|
+ $(".filterstate").append(historyData.filterStatHtml);
|
|
|
+ filterStatHtml = historyData.filterStatHtml;
|
|
|
+ }
|
|
|
+ if(typeof historyData.totalCount!='undefined' && historyData.totalCount!=''){
|
|
|
+ $("#totalGoodsCnt").text(historyData.totalCount);
|
|
|
+ }
|
|
|
+ if(typeof historyData.sortGb!='undefined' && historyData.sortGb!=''){
|
|
|
+ $("#sortSelect").val(historyData.sortGb);
|
|
|
+ $("#searchForm input:hidden[name=sortGb]").val(historyData.sortGb);
|
|
|
+ fnSortChange(historyData.sortGb);
|
|
|
+ }else{
|
|
|
+ fnGoodsListSearch();
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ fnCategoryGoodsInfiniteScrollInit();
|
|
|
+ var sortGb = [[${sortGb}]];
|
|
|
+ if(sortGb=='new' || sortGb=='best'){
|
|
|
+ $("#sortSelect").val(sortGb);
|
|
|
+ $("#sortSelect").parent('div').children('span').text($("#sortSelect option:selected").text())
|
|
|
+ fnSortChange(sortGb);
|
|
|
+ }else{
|
|
|
+ fnGoodsListSearch();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
/*]]>*/
|
|
|
</script>
|
|
|
|