|
|
@@ -93,62 +93,16 @@
|
|
|
<div class="filter_header">
|
|
|
<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"><label for="chk-2"> <span>신상품만 보기</span> </label>
|
|
|
+ <input id="newGoods" type="checkbox" checked="checked" onclick="fnFilterOption(this,'off');"><label for="newGoods"> <span>신상품만 보기</span> </label>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="filter_body">
|
|
|
<!-- 필터메뉴 -->
|
|
|
<ul>
|
|
|
- <li class="categori" id="categoryFilterDiv">
|
|
|
- <a href="javascript:void(0)" class="daps1">카테고리<!--<span class="pic">셔츠/블라우스</span>--></a>
|
|
|
- <ul class="daps2" id="categoryArea">
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0)">여성</a>-->
|
|
|
-<!-- <ul class="daps3">-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0)">티셔츠/셔츠</a>-->
|
|
|
-<!-- <ul class="daps4">-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0)">셔츠/블라우스</a>-->
|
|
|
-<!-- <ul class="daps5">-->
|
|
|
-<!-- <li><a href="javascript:void(0)">셔츠</a></li>-->
|
|
|
-<!-- <li><a href="javascript:void(0)">블라우스</a></li>-->
|
|
|
-<!-- </ul>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0)">맨투맨/모자티</a>-->
|
|
|
-<!-- <ul class="daps5">-->
|
|
|
-<!-- <li><a href="javascript:void(0)">맨투맨</a></li>-->
|
|
|
-<!-- <li><a href="javascript:void(0)">모자티</a></li>-->
|
|
|
-<!-- </ul>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- </ul>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- </ul>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0)">남성</a>-->
|
|
|
-<!-- <ul class="daps3">-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0)">티셔츠/셔츠</a>-->
|
|
|
-<!-- <ul class="daps4">-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0)">셔츠/블라우스</a>-->
|
|
|
-<!-- <ul class="daps5">-->
|
|
|
-<!-- <li><a href="javascript:void(0)">셔츠</a></li>-->
|
|
|
-<!-- <li><a href="javascript:void(0)">블라우스</a></li>-->
|
|
|
-<!-- </ul>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- </ul>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- </ul>-->
|
|
|
-<!-- </li>-->
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
<li class="brand" th:if="${filterBrandList != null and !filterBrandList.empty}" id="brandGroupFilterDiv">
|
|
|
<a href="javascript:void(0)" class="daps1">브랜드</a>
|
|
|
<ul class="daps2">
|
|
|
@@ -197,69 +151,6 @@
|
|
|
<li class="price" id="priceFilterDiv">
|
|
|
<a href="javascript:void(0)" class="daps1">가격<!--<span class="pic">230,000원~487,000원, 700,000원~990,000원</span>--></a>
|
|
|
<ul class="daps2" id="priceArea">
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0)">-->
|
|
|
-<!-- <div class="form_field">-->
|
|
|
-<!-- <div>-->
|
|
|
-<!-- <input id="price1" type="checkbox"><label for="price1"> <span>9천원 이하</span> </label>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0)">-->
|
|
|
-<!-- <div class="form_field">-->
|
|
|
-<!-- <div>-->
|
|
|
-<!-- <input id="price2" type="checkbox"><label for="price2"> <span>9천원 ~ 23만원</span> </label>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0)">-->
|
|
|
-<!-- <div class="form_field">-->
|
|
|
-<!-- <div>-->
|
|
|
-<!-- <input id="price3" type="checkbox" checked><label for="price3"> <span>23만원 ~ 48만원 7천원</span> </label>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0)">-->
|
|
|
-<!-- <div class="form_field">-->
|
|
|
-<!-- <div>-->
|
|
|
-<!-- <input id="price4" type="checkbox" ><label for="price4"> <span>48만원 7천원 ~ 79만원</span> </label>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0)">-->
|
|
|
-<!-- <div class="form_field">-->
|
|
|
-<!-- <div>-->
|
|
|
-<!-- <input id="price5" type="checkbox" checked><label for="price5"> <span>70만원 ~ 99만원</span> </label>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0)">-->
|
|
|
-<!-- <div class="form_field">-->
|
|
|
-<!-- <div>-->
|
|
|
-<!-- <input id="price6" type="checkbox"><label for="price6"> <span>99만원 ~ 136만원</span> </label>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0)">-->
|
|
|
-<!-- <div class="form_field">-->
|
|
|
-<!-- <div>-->
|
|
|
-<!-- <input id="price7" type="checkbox"><label for="price7"> <span>136만원 ~ 179만원 9천원</span> </label>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li class="discount" id="dcRateFilterDiv">
|
|
|
@@ -496,6 +387,7 @@
|
|
|
$("#priceArea").append(priceHtml);
|
|
|
}
|
|
|
|
|
|
+ // 상단노출 하위 카테고리
|
|
|
fnCreateCategoryList();
|
|
|
|
|
|
if ($('#sizeLi1').find('label').length == 0) $('#sizeLi1').hide();
|
|
|
@@ -681,6 +573,7 @@
|
|
|
|
|
|
});
|
|
|
|
|
|
+ // 상단 하위카테고리 노출
|
|
|
var fnCreateCategoryList = function (){
|
|
|
let actionUrl = '';
|
|
|
let brandGroupNo = [[${cateInfo.brandGroupNo}]];
|
|
|
@@ -861,11 +754,63 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ 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();
|
|
|
+ fnGoodsListSearch();
|
|
|
+ }
|
|
|
+
|
|
|
// 사파리 - event.persisted || 크롬 - window.performance.navigation.type 이 1이면 새로고침, 2면 페이지 이동을 통한 캐쉬페이징
|
|
|
$(window).on("pageshow", function(event) {
|
|
|
+ $('#filterForm input[name=brandGroup]:checked').each(function(){
|
|
|
+ $(this).attr('checked', true);
|
|
|
+ });
|
|
|
+ $('#filterForm input[name=size]:checked').each(function(){
|
|
|
+ $(this).attr('checked', true);
|
|
|
+ });
|
|
|
+ $('#filterForm input[name=dcRate]:checked').each(function(){
|
|
|
+ $(this).attr('checked', true);
|
|
|
+ });
|
|
|
+ $('#filterForm input[name=age]:checked').each(function(){
|
|
|
+ $(this).attr('checked', true);
|
|
|
+ });
|
|
|
+ $('#filterForm input[name=season]:checked').each(function(){
|
|
|
+ $(this).attr('checked', true);
|
|
|
+ });
|
|
|
+ $('#filterForm input[name=color]:checked').each(function(){
|
|
|
+ $(this).attr('checked', true);
|
|
|
+ });
|
|
|
+ $('#filterForm input[name=benefit]:checked').each(function(){
|
|
|
+ $(this).attr('checked', true);
|
|
|
+ });
|
|
|
+ $('#filterForm input[name=price]:checked').each(function(){
|
|
|
+ $(this).attr('checked', true);
|
|
|
+ });
|
|
|
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('M historyData>>'+historyData);
|
|
|
historyData = JSON.parse(historyData);
|
|
|
}else{
|
|
|
historyData = {};
|
|
|
@@ -879,7 +824,7 @@
|
|
|
filterStatHtml = historyData.filterStatHtml;
|
|
|
}
|
|
|
if(typeof historyData.totalCount!='undefined' && historyData.totalCount!=''){
|
|
|
- //$("#totalGoodsCnt").text(historyData.totalCount);
|
|
|
+ $("#totCntId").text(historyData.totalCount);
|
|
|
}
|
|
|
if(typeof historyData.sortGb!='undefined' && historyData.sortGb!=''){
|
|
|
$("#sortSelect").val(historyData.sortGb);
|