전시 수정

src/main/java/com/style24/front/biz/thirdparty/SearchEngineDiquest.java

@@ -176,8 +176,8 @@ public class SearchEngineDiquest {
 		Map<String, Object> paramMap = this.convertObjectToMap(params);
 		paramMap.put("adminIp", ipAddr);
 		paramMap.put("adminPort", port);
-		paramMap.put("pageNumber", "1");
-		paramMap.put("rowsPerPage", "30");
+		paramMap.put("pageNumber", String.valueOf(params.getPageNo()));
+		paramMap.put("rowsPerPage", String.valueOf(params.getPageSize()));
 		log.info("///[getGoodsList] paramMap: {}", paramMap);
 
 		try {

src/main/java/com/style24/front/biz/web/TsfDisplayController.java

@@ -1016,6 +1016,7 @@ public class TsfDisplayController extends TsfBaseController {
 
 		Collection<SearchEngine> dataList = new ArrayList<SearchEngine>();
 
+		log.info("getSearchGoodsList params::{}",params);
 		// 검색엔진 연동 여부
 		String syncYn = commonService.getSearchEngineSyncYn();
 		if (syncYn.equals("Y")) { // 검색엔진을 통한 상품리스트 조회

src/main/webapp/WEB-INF/views/mob/common/fragments/GnbMob.html

@@ -88,14 +88,19 @@
 	let fnClickGnbTab = function(gtabSq) {
 		gagajf.setCookie("st24ck_gnb_tab", gtabSq, 1);
 	}
+
+	let fnClickBrandGnbTab = function(gtabSq) {
+		gagajf.setCookie("st24ck_brand_gnb_tab", gtabSq, 1);
+	}
 	
 	// 브랜드 GNB탭 생성
 	let fnCreateBrandGnbTab = function() {
 		$('#ulGnbTab').html('');
 		
 		let tag = '';
+		let ckBrandGnbTabSq = gagajf.getCookie("st24ck_brand_gnb_tab");
 		// tag += '<ul>\n';
-		tag += '	<li><a href="javascript:void(0);" onclick="cfnGoToBrandMain(' + [[${brandGroupInfo?.brandGroupNo}]] + ');" class="on">홈</a></li>\n';
+		tag += '	<li class="'+(gagajf.isNull(ckBrandGnbTabSq) ? "on" : "")+'"><a href="javascript:void(0);" onclick="cfnGoToBrandMain(' + [[${brandGroupInfo?.brandGroupNo}]] + ');fnClickBrandGnbTab(\'\');" class="on">홈</a></li>\n';
 		tag += '	<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + [[${brandGroupInfo?.brandGroupNo}]] + ',\'' + [[${brandGroupInfo?.cateGb}]] + '\');" class="on">상품</a></li>\n';
 		
 		$.getJSON('/display/brand/gnb/tab/list?brandGroupNo=' + [[${brandGroupInfo?.brandGroupNo}]]
@@ -104,9 +109,9 @@
 					if (result.length > 0) {
 						$.each(result, function(idx, item) {
 							if (item.contentsType == 'L') { // 컨텐츠유형:링크
-								tag += '<li><a href="' + item.linkUrl + '">' + item.gtabNm + '</a></li>\n';
+								tag += '<li class="'+ (ckBrandGnbTabSq == item.gtabSq ? "on" : "") +'"><a href="' + item.linkUrl + '" onclick="fnClickBrandGnbTab(' + item.gtabSq + ');">' + item.gtabNm + '</a></li>\n';
 							}else{
-								tag += '<li><a href="' + item.linkUrl + '">' + item.gtabNm + '</a></li>\n';
+								tag += '<li class="'+ (ckBrandGnbTabSq == item.gtabSq ? "on" : "") +'"><a href="' + item.linkUrl + '" onclick="fnClickBrandGnbTab(' + item.gtabSq + ');">' + item.gtabNm + '</a></li>\n';
 							}
 						});
 					}

src/main/webapp/WEB-INF/views/mob/display/LookbookDetailFormMob.html

@@ -101,8 +101,9 @@
 																</div>
 																<p class="itemBrand" th:text="${goodsItem.brandGroupNm}">BRAND NAME1</p>
 																<div class="itemName" th:text="${goodsItem.goodsFullNm}">남성 로고 자카드 방풍 패딩</div>
-																<p class="itemPrice">[[${#numbers.formatInteger(goodsItem.currPrice,0,'COMMA')} + 원]]
+																<p class="itemPrice">
 																	<span class="itemPrice_original" th:if="${goodsItem.currPrice != goodsItem.listPrice}" th:text="${#numbers.formatInteger(goodsItem.listPrice,3,'COMMA')}">89,000</span>
+																	[[${#numbers.formatInteger(goodsItem.currPrice,0,'COMMA')}]]
 																	<span class="itemPercent" th:if="${goodsItem.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsItem.dcRate,0,0)}%|">10%</span>
 																</p>
 															</a>

src/main/webapp/WEB-INF/views/web/display/SearchGoodsListFormWeb.html

@@ -251,82 +251,13 @@
 							</div>
 							<div class="lnb_category">
 								<ul class="category" id="ulAllCate">
-<!--									<li>-->
-<!--										<a href="javascript:;">전체</a>-->
-<!--									</li>-->
-<!--									<li>-->
-<!--										<a href="javascript:;">여성</a>-->
-<!--										&lt;!&ndash; 2뎁스 &ndash;&gt;-->
-<!--										<div class="sub_cate">-->
-<!--											<ul>-->
-<!--												<li><a href="javascript:;">원피스</a></li>-->
-<!--												<li>-->
-<!--													<a href="javascript:;">니트/가디건/베스트</a>-->
-<!--													<div class="sub_cate">-->
-<!--														<ul>-->
-<!--															<li><a href="javascript:;">티셔츠/셔츠01</a></li>-->
-<!--															<li><a href="javascript:;">니트/가디건/베스트01</a></li>-->
-<!--															<li><a href="javascript:;">팬츠/레깅스01</a></li>-->
-<!--														</ul>-->
-<!--													</div>-->
-<!--												</li>-->
-<!--												<li>-->
-<!--													<a href="javascript:;">팬츠/레깅스</a>-->
-<!--													&lt;!&ndash; 3뎁스 &ndash;&gt;-->
-<!--													<div class="sub_cate">-->
-<!--														<ul>-->
-<!--															<li>-->
-<!--																<a href="javascript:;">티셔츠/셔츠02</a>-->
-<!--																&lt;!&ndash; 4뎁스 &ndash;&gt;-->
-<!--																<div class="sub_cate">-->
-<!--																	<ul>-->
-<!--																		<li><a href="javascript:;">티셔츠/셔츠03</a></li>-->
-<!--																		<li><a href="javascript:;">니트/가디건/베스트03</a></li>-->
-<!--																		<li><a href="javascript:;">팬츠/레깅스03</a></li>-->
-<!--																	</ul>-->
-<!--																</div>-->
-<!--															</li>-->
-<!--															<li><a href="javascript:;">니트/가디건/베스트02</a></li>-->
-<!--															<li><a href="javascript:;">팬츠/레깅스02</a></li>-->
-<!--														</ul>-->
-<!--													</div>-->
-<!--												</li>-->
-<!--											</ul>-->
-<!--										</div>-->
-<!--									</li>-->
-<!--									<li>-->
-<!--										<a href="javascript:;">남성</a>-->
-<!--										<div class="sub_cate">-->
-<!--											<ul>-->
-<!--												<li><a href="javascript:;">티셔츠/셔츠</a></li>-->
-<!--												<li><a href="javascript:;">트레이닝/스포츠</a></li>-->
-<!--												<li><a href="javascript:;">언더웨어</a></li>-->
-<!--											</ul>-->
-<!--										</div>-->
-<!--									</li>-->
-<!--									<li>-->
-<!--										<a href="javascript:;">유아동</a>-->
-<!--										<div class="sub_cate">-->
-<!--											<ul>-->
-<!--												<li><a href="javascript:;">티셔츠/셔츠</a></li>-->
-<!--												<li><a href="javascript:;">언더웨어</a></li>-->
-<!--											</ul>-->
-<!--										</div>-->
-<!--									</li>-->
-<!--									<li>-->
-<!--										<a href="javascript:;">라이프</a>-->
-<!--										<div class="sub_cate">-->
-<!--											<ul>-->
-<!--												<li><a href="javascript:;">잡화</a></li>-->
-<!--											</ul>-->
-<!--										</div>-->
-<!--									</li>-->
 								</ul>
 							</div>
 						</div>
 						<!-- //lnb -->
 						<!-- cont -->
 						<div class="cont">
+							<form id="filterForm">
 							<div class="sec_body">
 								<div class="area_filter">
 									<div class="filter_list">
@@ -359,10 +290,10 @@
 										</ul>
 										<div class="form_field">
 											<div>
-												<input id="price" type="checkbox"><label for="price"> <span>남여 공용만 보기</span> </label>
+												<input id="unisex" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="unisex"> <span>남여 공용만 보기</span> </label>
 											</div>
 											<div>
-												<input id="chk-2" type="checkbox" checked=""><label for="chk-2"> <span>신상품만 보기</span> </label>
+												<input id="newGoods" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="newGoods"> <span>신상품만 보기</span> </label>
 											</div>
 										</div>
 									</div>
@@ -373,7 +304,7 @@
 												<th:block th:each="oneData, status : ${filterBrandList}">
 													<li>
 														<label class="brand_btn" >
-															<input type="checkbox" group="filterValue" th:id="${'chkFilterBrand' + status.index}" name="brandGroup" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" ><span th:text="${oneData.filterNm}"></span>
+															<input type="checkbox" group="filterValue" th:id="${'chkFilterBrand' + status.index}" name="brandGroup" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'brandGroup','off');"><span th:text="${oneData.filterNm}"></span>
 														</label>
 													</li>
 												</th:block>
@@ -413,9 +344,9 @@
 										</div>
 										<!-- //사이즈 -->
 										<!-- 가격 -->
-										<div class="sort tap04">
+										<div class="sort tap04" id="priceFilterDiv">
 											<div class="range">
-												<input type="text" class="js-range-slider01" name="my_range01" value="" />
+												<input type="text" class="js-range-slider01" name="" value="" />
 												<input type="hidden" id="price_input_from" name="price_input_from" value=""/>
 												<input type="hidden" id="price_input_to" name="price_input_to" value=""/>
 												<input type="hidden" id="hPriceFrom" name="hPriceFrom" value=""/>
@@ -439,7 +370,7 @@
 												<li><input type="checkbox" id="percent10" name="range" value="100"><label for="percent10"><span></span><span>100%</span></label></li>
 											</ul>
 											<div class="range">
-												<input type="text" class="js-range-slider02" name="my_range02" value="" />
+												<input type="text" class="js-range-slider02" name="" value="" />
 												<input type="hidden" id="dcrate_input_from" name="dcrate_input_from" value=""/>
 												<input type="hidden" id="dcrate_input_to" name="dcrate_input_to" value=""/>
 												<input type="hidden" id="hDcRateFrom" name="hDcRateFrom" value=""/>
@@ -539,15 +470,15 @@
 											<p><span id="totCntId"></span>개의 상품</p>
 										</div>
 										<div>
-											<ul>
+											<ul id="sortArea">
 												<li>
-													<a href="" class="on">최신상품순</a>
+													<a href="javascript:void(0);" id="sortingNEW" class="on" onclick="fnSortingChange(this,'NEW');">최신상품순</a>
 												</li>
 												<li>
-													<a href="">인기상품순</a>
+													<a href="javascript:void(0);" id="sortingBEST" onclick="fnSortingChange(this,'BEST');">인기상품순</a>
 												</li>
 												<li>
-													<a href="">리뷰 많은순</a>
+													<a href="javascript:void(0);" id="sortingREVIEW" onclick="fnSortingChange(this,'REVIEW');">리뷰 많은순</a>
 												</li>
 											</ul>
 										</div>
@@ -903,6 +834,7 @@
 									<!-- //검색필터 결과 상품 노출 -->
 								</div>
 							</div>
+							</form>
 						</div>
 						<!-- //cont -->
 					</div>
@@ -1294,7 +1226,8 @@
 	<form id="searchGoodsForm" name="searchGoodsForm">
 		<input type="hidden" name="pageNo" id="pageNo" value ="1"/>
 		<input type="hidden" name="pageSize" value ="30"/>
-		<input type="hidden" name="keyword" value ="티셔츠"/>
+		<input type="hidden" name="keyword" th:value="${params.keyword}"/>
+		<input type="hidden" name="sortingType" value="NEW"/>
 	</form>
 
 	<script src="/ux/plugins/gaga/gaga.infinite.scrollSession.js"></script>
@@ -1302,6 +1235,10 @@
 	<script th:src="@{'/biz/search.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/search.js"></script>
 
 	<script th:inline="javascript">
+		var fnSearchGoodsListSearch = function (){
+			gagaInfiniteScroll.getHistory();
+		}
+
 		// 상품 검색
 		var fnGetInfiniteScrollDataList = function (pageNum) {
 			$("#searchGoodsForm input[name=pageNo]").val(pageNum + 1);
@@ -1328,11 +1265,116 @@
 				//fnImgOnoff();
 			}
 		}
+
+		$(window).on("pageshow", function(event) {
+			//할인율
+			custom_values02 = ['0%', '10%', '20%', '30%', '40%', '50%', '60%', '70%', '80%', '90%', '100%'];
+			var my_from02 = custom_values02.indexOf('0%');
+			var my_to02 = custom_values02.indexOf('100%');
+			if(gagajf.isNull($('#searchGoodsForm').find("input[name=dcRateFrom]").val())){
+				my_from02 = $('#searchGoodsForm').find("input[name=dcRateFrom]").val();
+			}
+			if(gagajf.isNull($('#searchGoodsForm').find("input[name=dcRateTo]").val())){
+				my_to02 = $('#searchGoodsForm').find("input[name=dcRateTo]").val();
+			}
+
+			$(".dp .js-range-slider02, .sch_result .js-range-slider02").ionRangeSlider({
+				type: "double",
+				min: 0,
+				max: 100,
+				from: my_from02,
+				to: my_to02,
+				grid: true,
+				skin: "round",
+				postfix: "%",
+				prettify_separator: ",",
+				values: custom_values02,
+				min_interval: 1,
+				onFinish : function (data){
+					fnCheckDcRate(data);
+				}
+			});
+
+			if ( (event.originalEvent && event.originalEvent.persisted) || (window.performance && window.performance.navigation.type == 2)) {
+				var historyData = sessionStorage.getItem(document.location.href);
+				if(historyData!=null){
+					// console.log('historyData>>'+historyData);
+					historyData = JSON.parse(historyData);
+				}else{
+					historyData = {};
+				}
+			}else{
+				fnCategoryGoodsInfiniteScrollInit();
+				fnSearchGoodsListSearch();
+			}
+		});
 	
 		$(document).ready( function() {
+			// let priceLen;
+			// var filterPriceList = [[${filterPriceList}]];
+			// if(!gagajf.isNull(filterPriceList)){
+			// 	priceLen = filterPriceList.length-1;
+			// 	$.each(filterPriceList, function (priceIdx, priceItem){
+			// 		custom_values[priceIdx] = priceItem.filterNm;
+			// 		if(priceLen==0){
+			// 			custom_values[1] = priceItem.filterNm;
+			// 		}
+			// 	});
+			// 	let my_from;
+			// 	let my_to;
+			// 	if(filterPriceList.length > 1){
+			// 		my_from = custom_values.indexOf(custom_values[0]);
+			// 		my_to = custom_values.indexOf(custom_values[priceLen]);
+			// 	}else{
+			// 		my_from = 0;
+			// 		my_to = 1;
+			// 	}
+			//
+			// 	if(gagajf.isNull($("#filterForm input:hidden[name=priceFrom]").val())){
+			// 		my_from = $("#filterForm input:hidden[name=priceFrom]").val();
+			// 	}
+			// 	if(gagajf.isNull($("#filterForm input:hidden[name=priceTo]").val())){
+			// 		my_to = $("#filterForm input:hidden[name=priceTo]").val();
+			// 	}
+			// 	let minValue;
+			// 	let maxValue;
+			// 	if(filterPriceList.length > 1){
+			// 		minValue = custom_values[0];
+			// 		maxValue = custom_values[priceLen];
+			// 	}else{
+			// 		minValue = custom_values[0];
+			// 		maxValue = custom_values[1];
+			// 	}
+			//
+			// 	$(".dp .js-range-slider01, .sch_result .js-range-slider01").ionRangeSlider({
+			// 		type: "double",
+			// 		min: minValue,
+			// 		max: maxValue,
+			// 		from: my_from,
+			// 		to: my_to,
+			// 		grid: true,
+			// 		skin: "round",
+			// 		postfix: "원",
+			// 		prettify_separator: ",",
+			// 		values: custom_values,
+			// 		min_interval: 1,
+			// 		// onStart : function(data){
+			// 		//  	fnCheckPrice(data);
+			// 		// },
+			// 		// onChange : fnCheckPrice,
+			// 		onFinish : function(data,priceLen){
+			// 			fnCheckPrice(data,priceLen);
+			// 		}
+			// 	});
+			// }
+
 			fnCreateSearchCategoryList();
 			// fnCreateSearchFilter();
 
+			if ($('#sizeLi1').find('label').length == 0) $('#sizeLi1').hide();
+			if ($('#sizeLi2').find('label').length == 0) $('#sizeLi2').hide();
+			if ($('#sizeLi3').find('label').length == 0) $('#sizeLi3').hide();
+
 			//결과내 재 검색 - 검색어 입력 시
 			$(document).on('keyup','.sch_result .area_info .inner_search input',function(e){
 				var reSearchValue = $(this).val();
@@ -1361,7 +1403,7 @@
 			});
 
 			//할인율
-			var custom_values02 = ['0%', '10%', '20%', '30%', '40%', '50%', '60%', '70%', '80%', '90%', '100%'];
+			/*var custom_values02 = ['0%', '10%', '20%', '30%', '40%', '50%', '60%', '70%', '80%', '90%', '100%'];
 			var my_from02 = custom_values02.indexOf('0%');
 			var my_to02 = custom_values02.indexOf('10%');
 			$(".dp .js-range-slider02, .sch_result .js-range-slider02").ionRangeSlider({
@@ -1375,7 +1417,7 @@
 				postfix: "%",
 				prettify_separator: ",",
 				values: custom_values02
-			});
+			});*/
 
 			//검색결과 탭
 			$(document).on('click','.sch_result .taps ul li',function(e){
@@ -1387,16 +1429,9 @@
 
 			$(document).on('click','.lnb .lnb_category ul li a',function(e){
 				$(this).toggleClass('on');
-				$(this).parent('li').siblings('li').children('a').removeClass('on');
-				$(this).parent('li').siblings('li').removeClass('on');
-				$(this).parent('li').siblings('li').find('a').removeClass('on');
-
-				$(this).parent('li').toggleClass('on');
-				$(this).parent('li').siblings('li').find('.sub_cate').hide();
-				$(this).parent('li').children(".sub_cate").toggle();
 			});
 
-			fnGetInfiniteScrollDataList(1);
+			//fnGetInfiniteScrollDataList(1);
 		});
 
 		// 좌측 카테고리 생성
@@ -1421,22 +1456,22 @@
 			let tag = '';
 			if(cate1 != null){
 				tag += '<li>\n';
-				tag += '	<a href="javascript:;">'+cate1.cate1Nm+'</a>';
+				tag += '	<a href="javascript:void(0);" onclick="fnSetCateFilter(\''+cate1.cate1No+'\');">'+cate1.cate1Nm+'</a>';
 				if(cate1.leafYn == 'N' && cate1.cate2List.length > 0){
 					tag += '<div class="sub_cate">\n';
 					tag += '	<ul>\n';
 					$.each(cate1.cate2List, function (idx2,cate2){
-						tag += '<li><a href="javascript:;">'+cate2.cate2Nm+'</a>\n';
+						tag += '<li><a href="javascript:void(0);" onclick="fnSetCateFilter(\''+cate1.cate1No+'\',\''+cate2.cate2No+'\');">'+cate2.cate2Nm+'</a>\n';
 						if(cate2.leafYn == 'N' && cate2.cate3List.length > 0){
 							tag += '<div class="sub_cate">\n';
 							tag += '	<ul>\n';
 							$.each(cate2.cate3List, function (idx3,cate3){
-								tag += '<li><a href="javascript:;">'+cate3.cate3Nm+'</a>\n';
+								tag += '<li><a href="javascript:void(0);" onclick="fnSetCateFilter(\''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\');">'+cate3.cate3Nm+'</a>\n';
 								if(cate3.leafYn == 'N' && cate3.cate4List.length >0){
 									tag += '<div class="sub_cate">\n';
 									tag += '	<ul>\n';
 									$.each(cate3.cate4List, function (idx4,cate4){
-										tag += '<li><a href="javascript:;">'+cate4.cate4Nm+'</a>\n';
+										tag += '<li><a href="javascript:void(0);" onclick="fnSetCateFilter(\''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\',\''+cate4.cate4No+'\');">'+cate4.cate4Nm+'</a>\n';
 										/*if(cate4.leafYn = 'N' && cate4.cate5List.length>0){
 											tag += '<div class="sub_cate">\n';
 											tag += '	<ul>\n';
@@ -1472,9 +1507,45 @@
 		var fnSearchData = function (){
 			let keyword = $("#InnerSearchForm").find("input[name=search]").val();
 			let brandGroupNo = $("#InnerSearchForm").find("input[name=brandGroupNo]").val();
+			$("#searchGoodsForm").find('input[name=keyword]').val($("#InnerSearchForm").find("input[name=search]").val());
 			cfnGoToSearchGoodsListForm(keyword,brandGroupNo);
 		}
 
+		// 상품이미지
+		var fnImgOnoff = function (){
+			var nowFocus = $('.dp .itemPic');
+			var nowMov = $('.itemPic').children('.pd_mov');
+			var nowImg = $('.itemPic').children('.pd_img');
+			var ogrSrc;
+			var overSrc;
+			var srcName = nowImg.attr('src');
+			overSrc = srcName.substring(0, srcName.lastIndexOf('.'));
+
+			var srcImg;
+			var srcdat;
+
+			$(nowFocus).on('mouseover', function() {
+				$(this).children('.pd_mov').siblings(".itemOpt").addClass('on');
+				$(this).children('.pd_mov').css("opacity","0");
+			});
+			$(nowFocus).on('mouseleave', function() {
+				$(this).children('.pd_mov').siblings(".itemOpt").removeClass('on');
+				$(this).children('.pd_mov').css("opacity","1");
+			});
+			$(nowFocus).on('mouseover', function() {
+				$(this).children('.pd_img').siblings(".itemOpt").addClass('on');
+				srcImg = $(this).children('.pd_img').attr('src');
+				srcdat = $(this).children('.pd_img').attr('data-img');
+				$(this).children('.pd_img').attr('src',srcdat);
+			});
+			$(nowFocus).on('mouseleave', function() {
+				$(this).parents('.itemPic').removeClass();
+				$(this).children('.pd_img').siblings(".itemOpt").removeClass('on');
+				$(this).children('.pd_img').attr('src', srcImg);
+				$(this).children('.pd_img').css("opacity","1");
+			});
+		}
+
 	</script>
 
 </th:block>

src/main/webapp/biz/search.js

@@ -43,7 +43,7 @@ var fnCreateGoodsList = function(result, ithrCd, contentLoc, goodsUrl, lastPage,
 		}else{
 			tag += ' onClick="cfnPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
 		}
-		tag += '<a href="javascript:void(0);" class="itemLink" onclick="fnClickGoodsCd(\''+item.goodsCd+'\',\''+item.mainColorCd+'\');">';
+		tag += '<a href="javascript:void(0);" class="itemLink" onclick="fnClickGoodsCd(\''+item.goodsCd+'\',\'\');">';
 		tag += '			<div class="itemPic">';
 		if(!gagajf.isNull(item.videos)){
 			var videoArr = item.videos.split(",");
@@ -182,4 +182,390 @@ var fnCategoryGoodsInfiniteScrollInit = function(){
 	$("#listBox").html("");
 }
 
+var filterHtml = '';
+var filterStatHtml = '';
+
+// 공용,신상 조건
+var fnFilterOption = function (obj, stat){
+	var thisId = $(obj).attr('id');
+	var tag = '';
+
+	if(thisId == 'unisex'){
+		if(stat=='on'){
+			$(obj).attr('onclick','fnFilterOption(this,\'off\');');
+			tag += '<input type="hidden" name="unisex" value="G007_Z"/>\n';
+			$("#searchGoodsForm").append(tag);
+		}else{
+			$(obj).attr('onclick','fnFilterOption(this,\'on\');');
+			$("#searchGoodsForm input:hidden[name=unisex]").remove();
+		}
+	}else{
+		if(stat=='on'){
+			$(obj).attr('onclick','fnFilterOption(this,\'off\');');
+			tag += '<input type="hidden" name="newGoods" value="40"/>\n';
+			$("#searchGoodsForm").append(tag);
+		}else{
+			$(obj).attr('onclick','fnFilterOption(this,\'on\');');
+			$("#searchGoodsForm input:hidden[name=newGoods]").remove();
+		}
+	}
+	fnCategoryGoodsInfiniteScrollInit();
+	fnSearchGoodsListSearch();
+}
+
+// 상품상세 필터 조회
+var filterSel = function (obj, gubun, staus, sizeGb){
+	gagaInfiniteScroll.pageStatus.filterHtml = filterHtml;
+	gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
+	let $obj = $(obj);
+	if(staus=='on'){
+		filterStatHtml = '';
+		if(gubun=='size'){
+			$(obj).attr('onclick','filterSel(this,\''+gubun+'\',\'off\',\''+sizeGb+'\');');
+		}else{
+			$(obj).attr('onclick','filterSel(this,\''+gubun+'\',\'off\',\'\');');
+		}
+
+		$("#filterData").find('span').each(function(idx,item) {
+			if(gubun=='color'){
+				if($obj.attr('data-id').replace('#','').trim() == $(this).closest("span").attr('id')) {
+					$(this).closest("span").remove();
+				}
+			}else{
+				if($obj.attr('data-id') == $(this).closest("span").text()) {
+					$(this).closest("span").remove();
+				}
+			}
+		});
+		filterStatHtml = $("#filterData").html();
+	}else{
+		if(gubun=='size'){
+			$(obj).attr('onclick','filterSel(this,\''+gubun+'\',\'on\',\''+sizeGb+'\');');
+		}else{
+			$(obj).attr('onclick','filterSel(this,\''+gubun+'\',\'on\',\'\');');
+		}
+
+		let tag = '';
+		if(gubun=='color'){
+			tag += '<span id="'+$obj.attr('data-id').replace('#','')+'">';
+			if($obj.attr('data-id')=='#FFFFFF'){
+				tag += '	<span class="pdColor-color" style="background-color: #'+$obj.attr('data-id')+';border:1px solid #aaa;" value="'+$obj.attr('data-id')+'"></span>';
+			}else{
+				tag += '	<span class="pdColor-color" style="background-color: #'+$obj.attr('data-id')+'" value="'+$obj.attr('data-id')+'"></span>';
+			}
+			tag += '	<a href="javascript:void(0);" class="filter_delete" onclick="fnDeleteFilter(this,\''+gubun+'\',\'on\');"></a >';
+			tag += '</span>';
+		}else{
+			tag += '<span>'+$obj.attr('data-id');
+			if(!gagajf.isNull(sizeGb)){
+				tag += '<a href="javascript:void(0);" class="filter_delete" onclick="fnDeleteFilter(this,\''+gubun+'\',\'on\',\''+sizeGb+'\');"></a >';
+			}else{
+				tag += '<a href="javascript:void(0);" class="filter_delete" onclick="fnDeleteFilter(this,\''+gubun+'\',\'on\',\'\');"></a >';
+			}
+			tag += '</span>';
+		}
+
+		$("#filterData").append(tag);
+
+		filterStatHtml += tag;
+	}
+
+	gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
+	fnFilterSet(gubun, sizeGb);
+}
+
+var fnFilterSet = function (searchId, sizeGb, appGb){
+	fnCategoryGoodsInfiniteScrollInit();
+	$("#searchGoodsForm input:hidden[name="+searchId+"Arr]").remove();
+	var tag = '';
+	var mobTag = '';
+	if(searchId=='size'){
+		$('#filterForm input[name='+searchId+']:checked').each(function(){
+			tag = '<input type="hidden" name="'+searchId+'Arr" value="'+$(this).attr('data-id')+'"/>\n';
+			$("#searchGoodsForm").append(tag);
+		});
+	}else{
+		$('#filterForm input[name='+searchId+']:checked').each(function(){
+			tag = '<input type="hidden" name="'+searchId+'Arr" value="'+$(this).val()+'"/>\n';
+			$("#searchGoodsForm").append(tag);
+		});
+	}
+
+	if(appGb == 'Mob'){
+		var data = '';
+		var tag = '';
+		var filterSet = '';
+		$('#'+searchId+'FilterDiv').find('.daps1').find('span').html('');
+		$('#filterForm input[name='+searchId+']:checked').each(function(idx){
+			if(searchId=='color'){
+				$('#'+searchId+'FilterDiv').find('.daps1').find('.pic').find('span').html('');
+				var mobTag = '';
+				var color = $(this).attr('data-id');
+				console.log('color::'+$(this).attr('data-id'));
+				if(color=='FFFFFF'){
+					mobTag += '<span class="pdColor-color" style="background-color:#'+color+';border:1px solid #aaa;"></span>';
+				}else{
+					mobTag += '<span class="pdColor-color" style="background-color:#'+color+'"></span>';
+				}
+				$("#"+searchId+"FilterDiv").find('.daps1').find('.pic').append(mobTag);
+			}else{
+				$('#'+searchId+'FilterDiv').find('.daps1').find('span').html('');
+				if(idx>0){
+					data += ',';
+				}
+				data += $(this).attr('data-id');
+				$("#"+searchId+"FilterDiv").find('.daps1').append('<span class="pic">'+data+'</span>');
+			}
+		});
+
+	}
+	fnSetFilterHtml();
+	fnSearchGoodsListSearch();
+}
+
+var fnSetFilterHtml = function (gubun, staus, mobGb){
+	filterHtml = '';
+
+	$('#filterForm input[name=size]:checked').each(function(){
+		filterHtml += '<input type="hidden" name="sizeArr" value="'+$(this).attr('data-id')+'"/>\n';
+	});
+	$('#filterForm input[name=brandGroup]:checked').each(function(){
+		filterHtml += '<input type="hidden" name="brandGroupArr" value="'+$(this).val()+'"/>\n';
+	});
+	$('#filterForm input[name=age]:checked').each(function(){
+		filterHtml += '<input type="hidden" name="ageArr" value="'+$(this).val()+'"/>\n';
+	});
+	$('#filterForm input[name=season]:checked').each(function(){
+		filterHtml += '<input type="hidden" name="seasonArr" value="'+$(this).val()+'"/>\n';
+	});
+	$('#filterForm input[name=color]:checked').each(function(){
+		filterHtml += '<input type="hidden" name="colorArr" value="'+$(this).val()+'"/>\n';
+	});
+	$('#filterForm input[name=benefit]:checked').each(function(){
+		filterHtml += '<input type="hidden" name="benefitArr" value="'+$(this).val()+'"/>\n';
+	});
+	$('#filterForm input[name=price]:checked').each(function(){
+		filterHtml += '<input type="hidden" name="priceArr" value="'+$(this).val()+'"/>\n';
+	});
+	$('#filterForm input[name=dcRate]:checked').each(function(){
+		filterHtml += '<input type="hidden" name="dcRateArr" value="'+$(this).val()+'"/>\n';
+	});
+	if(!gagajf.isNull($("#filterForm input[name=hPriceFrom]").val())){
+		filterHtml += '<input type="hidden" name="priceFrom" value="'+$("#filterForm input[name=hPriceFrom]").val()+'"/>\n';
+	}
+	if(!gagajf.isNull($("#filterForm input[name=hPriceTo]").val())){
+		filterHtml += '<input type="hidden" name="priceTo" value="'+$("#filterForm input[name=hPriceTo]").val()+'"/>\n';
+	}
+	if(!gagajf.isNull($("#filterForm input[name=hDcRateFrom]").val())){
+		filterHtml += '<input type="hidden" name="dcRateFrom" value="'+$("#filterForm input[name=hDcRateFrom]").val()+'"/>\n';
+	}
+	if(!gagajf.isNull($("#filterForm input[name=hDcRateTo]").val())){
+		filterHtml += '<input type="hidden" name="dcRateTo" value="'+$("#filterForm input[name=hDcRateTo]").val()+'"/>\n';
+	}
+
+	if(!gagajf.isNull($("#searchGoodsForm").find('input[name=cate1No]').val())){
+		filterHtml += '<input type="hidden" name="cate1No" value="'+$("#searchGoodsForm").find('input[name=cate1No]').val()+'"/>\n';
+	}
+	if(!gagajf.isNull($("#searchGoodsForm").find('input[name=cate2No]').val())){
+		filterHtml += '<input type="hidden" name="cate1No" value="'+$("#searchGoodsForm").find('input[name=cate2No]').val()+'"/>\n';
+	}
+	if(!gagajf.isNull($("#searchGoodsForm").find('input[name=cate3No]').val())){
+		filterHtml += '<input type="hidden" name="cate1No" value="'+$("#searchGoodsForm").find('input[name=cate3No]').val()+'"/>\n';
+	}
+	if(!gagajf.isNull($("#searchGoodsForm").find('input[name=cate4No]').val())){
+		filterHtml += '<input type="hidden" name="cate1No" value="'+$("#searchGoodsForm").find('input[name=cate4No]').val()+'"/>\n';
+	}
+	if(!gagajf.isNull($("#searchGoodsForm").find('input[name=cate5No]').val())){
+		filterHtml += '<input type="hidden" name="cate1No" value="'+$("#searchGoodsForm").find('input[name=cate5No]').val()+'"/>\n';
+	}
+
+	gagaInfiniteScroll.pageStatus.filterHtml = filterHtml;
+}
+
+// 상품상세 필터 삭제
+var fnDeleteFilter = function (obj, gubun, staus, sizeGb){
+	if(gubun=='size'){
+		$("#"+gubun+"FilterDiv #sizeLi"+sizeGb).each(function(idx,item) {
+			$('#sizeLi'+sizeGb+' .size_btn').each(function (){
+				if($(obj).closest("span").text() == $(this).find('input').attr('data-id')){
+					$(this).find('input').click();
+				}
+			});
+		});
+	}else{
+		$("#"+gubun+"FilterDiv > ul > li").each(function(idx,item) {
+			if(gubun == 'color'){
+				if($(obj).closest("span").attr('id') == $(this).find('input').attr('data-id').trim()){
+					$(this).find('input').click();
+				}
+			}else{
+				if($(obj).closest("span").text() == $(this).find('input').attr('data-id')){
+					$(this).find('input').click();
+				}
+			}
+		});
+	}
+
+	$(obj).closest("span").remove();
+}
+
+// 정렬 순서
+var fnSortingChange = function (obj, sortingType, stat, appGb){
+	fnCategoryGoodsInfiniteScrollInit();
+	if(stat != 'back'){
+		if($("#searchGoodsForm input[name=sortingType]").val()==sortingType){
+			return;
+		}
+	}
+
+	if(appGb != 'Mob'){
+		$("#sortArea").find('li').each(function (){
+			$(this).find('a').attr('class','off');
+		});
+	}else{
+		$("#sortArea").find('button').each(function (){
+			$(this).removeClass("on");
+		});
+		$("#sorting"+sortingType).addClass("on");
+		$("#filter").text($("#sorting"+sortingType).find('span').text());
+	}
+
+	$(obj).addClass("on");
+	if(stat=='back'){
+		$("#sorting"+sortingType).addClass("on");
+	}
+	$("#searchGoodsForm").find("[name=sortingType]").val(sortingType);
+	$("#searchGoodsForm").find("[name=pageNo]").val(1);
+	gagaInfiniteScroll.pageStatus.loadPage = 1;
+	gagaInfiniteScroll.pageStatus.pageNum = [];
+	gagaInfiniteScroll.pageStatus.sortingType = sortingType;
+
+	$('#endPage').hide();
+	$('#noFilterData').hide();
+	fnSearchGoodsListSearch();
+}
+
+// 상품상세
+var fnClickGoodsCd = function (goodsCd, mainColorCd){
+	let scrollpos = $(window).scrollTop();
+	localStorage.setItem('scrollpos', scrollpos);
+	cfnGoToGoodsDetail(goodsCd, mainColorCd);
+}
+
+var fnSetCateFilter = function (cate1No, cate2No, cate3No, cate4No, cate5No){
+	fnCategoryGoodsInfiniteScrollInit();
+	$("#searchGoodsForm input:hidden[name=cate1No]").remove();
+	$("#searchGoodsForm input:hidden[name=cate2No]").remove();
+	$("#searchGoodsForm input:hidden[name=cate3No]").remove();
+	$("#searchGoodsForm input:hidden[name=cate4No]").remove();
+	$("#searchGoodsForm input:hidden[name=cate5No]").remove();
+	let tag = '';
+
+	if(!gagajf.isNull(cate1No)){
+		tag += '<input type="hidden" name="cate1No" value="'+cate1No+'"/>';
+	}
+	if(!gagajf.isNull(cate2No)){
+		tag += '<input type="hidden" name="cate2No" value="'+cate2No+'"/>';
+	}
+	if(!gagajf.isNull(cate3No)){
+		tag += '<input type="hidden" name="cate3No" value="'+cate3No+'"/>';
+	}
+	if(!gagajf.isNull(cate4No)){
+		tag += '<input type="hidden" name="cate4No" value="'+cate4No+'"/>';
+	}
+	if(!gagajf.isNull(cate5No)){
+		tag += '<input type="hidden" name="cate5No" value="'+cate5No+'"/>';
+	}
+
+	$("#searchGoodsForm").append(tag);
+	fnSetFilterHtml();
+
+	fnSearchGoodsListSearch();
+}
+
+// 필터 가격 확인
+var fnCheckPrice = function (data,priceLen){
+	$("#priceSpan").remove();
+	$("#searchGoodsForm input:hidden[name=priceFrom]").remove();
+	$("#searchGoodsForm input:hidden[name=priceTo]").remove();
+	let min = data.from;
+	let max = data.to;
+	$("#price_input_from").val(custom_values[0]);
+	$("#price_input_to").val(custom_values[priceLen]);
+
+	fnFilterSlider('price' , custom_values[min].addComma(), custom_values[max].addComma());
+}
+
+// 필터 할인율 확인
+var fnCheckDcRate = function (data){
+	$("#dcrateSpan").remove();
+	$("#searchGoodsForm input:hidden[name=dcRateFrom]").remove();
+	$("#searchGoodsForm input:hidden[name=dcRateTo]").remove();
+	let min = data.from;
+	let max = data.to;
+	$("#price_input_from").val(0);
+	$("#price_input_to").val(100);
+
+	fnFilterSlider('dcrate' , custom_values02[min].replace('%',''), custom_values02[max].replace('%',''));
+}
+
+
+var fnFilterSlider = function (gubun, min, max){
+	fnCategoryGoodsInfiniteScrollInit();
+	let tag = '';
+	let oriMin = '';
+	let oriMax = '';
+	filterHtml = '';
+	filterStatHtml = '';
+	filterStatHtml = $("#filterData").html();
+	$("#searchGoodsForm").find('input[name=priceFrom]').remove();
+	$("#searchGoodsForm").find('input[name=priceTo]').remove();
+	$("#searchGoodsForm").find('input[name=dcRateFrom]').remove();
+	$("#searchGoodsForm").find('input[name=dcRateTo]').remove();
+	if(gubun=='price'){
+		oriMin = $("#price_input_from").val();
+		oriMax = $("#price_input_to").val();
+	}else{
+		oriMin = $("#dcrate_input_from").val();
+		oriMax = $("#dcrate_input_to").val();
+	}
+
+	if(gubun=='price'){
+		if(min!=max){
+			tag += '<span id="priceSpan">'+ min +'원~'+max+'원';
+		}else{
+			tag += '<span id="priceSpan">'+max+'원';
+		}
+		$("#filterForm").find('input[name=hPriceFrom]').val(min);
+		$("#filterForm").find('input[name=hPriceTo]').val(max);
+	}else{
+		if(min!=max){
+			tag += '<span id="dcrateSpan">'+ min +'~'+max+'%';
+		}else{
+			tag += '<span id="dcrateSpan">'+max+'%';
+		}
+		$("#filterForm").find('input[name=hDcRateFrom]').val(min);
+		$("#filterForm").find('input[name=hDcRateTo]').val(max);
+	}
+	tag += '<a href="javascript:void(0);" class="filter_delete" onclick="fnDeleteFilterSlider(this,\''+gubun+'\', \''+oriMin+'\', \''+oriMax+'\');"></a >';
+	tag += '</span>';
+
+	$("#filterData").append(tag);
+	filterStatHtml += tag;
+
+	var tag2 = '';
+	if(gubun=='price'){
+		tag2 += '<input type="hidden" name="priceFrom" value="'+min.replace(",", "")+'"/>\n';
+		tag2 += '<input type="hidden" name="priceTo" value="'+max.replace(",", "")+'"/>\n';
+		$("#searchGoodsForm").append(tag2);
+	}else{
+		tag2 += '<input type="hidden" name="dcRateFrom" value="'+min+'"/>\n';
+		tag2 += '<input type="hidden" name="dcRateTo" value="'+max+'"/>\n';
+		$("#searchGoodsForm").append(tag2);
+	}
+	gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
+	fnSetFilterHtml();
+	fnSearchGoodsListSearch();
+}
+
 //****************상품리스트  end **********************************