|
@@ -76,10 +76,10 @@
|
|
|
</ul>
|
|
</ul>
|
|
|
<div class="form_field">
|
|
<div class="form_field">
|
|
|
<div>
|
|
<div>
|
|
|
- <input id="price" type="checkbox" ><label for="price"> <span>남여 공용만 보기</span> </label>
|
|
|
|
|
|
|
+ <input id="sexGb" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="sexGb"> <span>남여 공용만 보기</span> </label>
|
|
|
</div>
|
|
</div>
|
|
|
<div>
|
|
<div>
|
|
|
- <input id="chk-2" type="checkbox" checked=""><label for="chk-2"> <span>신상품만 보기</span> </label>
|
|
|
|
|
|
|
+ <input id="newProd" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="newProd"> <span>신상품만 보기</span> </label>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -222,16 +222,6 @@
|
|
|
<!-- 필터 -->
|
|
<!-- 필터 -->
|
|
|
<div class="fillter">
|
|
<div class="fillter">
|
|
|
<div class="fillter_box" id="filterData">
|
|
<div class="fillter_box" id="filterData">
|
|
|
- <!-- <span>-->
|
|
|
|
|
- <!-- 모이몰른-->
|
|
|
|
|
- <!-- <a href="javascript:;" class="filter_delete"></a >-->
|
|
|
|
|
- <!-- </span>-->
|
|
|
|
|
- <!-- 컬러 표시 -->
|
|
|
|
|
- <!-- <span>-->
|
|
|
|
|
- <!-- <span class="pdColor-color12"></span>-->
|
|
|
|
|
- <!-- <a href="javascript:;" class="filter_delete"></a >-->
|
|
|
|
|
- <!-- </span>-->
|
|
|
|
|
- <!-- 컬러 표시 -->
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<button type="button" class="fillter_reset" onclick="fnFilterReset();"><span>전체 초기화</span></button>
|
|
<button type="button" class="fillter_reset" onclick="fnFilterReset();"><span>전체 초기화</span></button>
|
|
|
</div>
|
|
</div>
|
|
@@ -251,15 +241,15 @@
|
|
|
<p><span id="totCntId"></span>개의 상품</p>
|
|
<p><span id="totCntId"></span>개의 상품</p>
|
|
|
</div>
|
|
</div>
|
|
|
<div>
|
|
<div>
|
|
|
- <ul>
|
|
|
|
|
|
|
+ <ul id="sortArea">
|
|
|
<li>
|
|
<li>
|
|
|
- <a href="" class="on">최신상품순</a>
|
|
|
|
|
|
|
+ <a href="javascript:void(0);" class="on" onclick="fnSortList(this,'new');">최신상품순</a>
|
|
|
</li>
|
|
</li>
|
|
|
<li>
|
|
<li>
|
|
|
- <a href="">인기상품순</a>
|
|
|
|
|
|
|
+ <a href="javascript:void(0);" onclick="fnSortList(this,'best');">인기상품순</a>
|
|
|
</li>
|
|
</li>
|
|
|
<li>
|
|
<li>
|
|
|
- <a href="">리뷰 많은순</a>
|
|
|
|
|
|
|
+ <a href="javascript:void(0);" onclick="fnSortList(this,'review');">리뷰 많은순</a>
|
|
|
</li>
|
|
</li>
|
|
|
</ul>
|
|
</ul>
|
|
|
</div>
|
|
</div>
|
|
@@ -294,7 +284,7 @@
|
|
|
<input type="hidden" name="cate2No" th:value="${cateInfo.cate2No}"/>
|
|
<input type="hidden" name="cate2No" th:value="${cateInfo.cate2No}"/>
|
|
|
<input type="hidden" name="cate3No" th:value="${cateInfo.cate3No}"/>
|
|
<input type="hidden" name="cate3No" th:value="${cateInfo.cate3No}"/>
|
|
|
<input type="hidden" name="cate4No" th:value="${cateInfo.cate4No}"/>
|
|
<input type="hidden" name="cate4No" th:value="${cateInfo.cate4No}"/>
|
|
|
- <input type="hidden" name="sortGb"/>
|
|
|
|
|
|
|
+ <input type="hidden" name="sortGb" value="new"/>
|
|
|
</form>
|
|
</form>
|
|
|
|
|
|
|
|
<script src="/ux/plugins/gaga/gaga.infinite.scrollSession.js"></script>
|
|
<script src="/ux/plugins/gaga/gaga.infinite.scrollSession.js"></script>
|
|
@@ -372,6 +362,33 @@
|
|
|
fnCreateCategoryList();
|
|
fnCreateCategoryList();
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
|
|
+ var fnFilterOption = function (obj, stat){
|
|
|
|
|
+ var thisId = $(obj).attr('id');
|
|
|
|
|
+ var tag = '';
|
|
|
|
|
+
|
|
|
|
|
+ if(thisId == 'sexGb'){
|
|
|
|
|
+ if(stat=='on'){
|
|
|
|
|
+ $(obj).attr('onclick','fnFilterOption(this,\'off\');');
|
|
|
|
|
+ tag += '<input type="hidden" name="sexGb" value="G007_Z"/>\n';
|
|
|
|
|
+ $("#searchGoodsForm").append(tag);
|
|
|
|
|
+ }else{
|
|
|
|
|
+ $(obj).attr('onclick','fnFilterOption(this,\'on\');');
|
|
|
|
|
+ $("#searchGoodsForm input:hidden[name=sexGb]").remove();
|
|
|
|
|
+ }
|
|
|
|
|
+ }else{
|
|
|
|
|
+ if(stat=='on'){
|
|
|
|
|
+ $(obj).attr('onclick','fnFilterOption(this,\'off\');');
|
|
|
|
|
+ tag += '<input type="hidden" name="newProd" value="40"/>\n';
|
|
|
|
|
+ $("#searchGoodsForm").append(tag);
|
|
|
|
|
+ }else{
|
|
|
|
|
+ $(obj).attr('onclick','fnFilterOption(this,\'on\');');
|
|
|
|
|
+ $("#searchGoodsForm input:hidden[name=newProd]").remove();
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ fnCategoryGoodsInfiniteScrollInit();
|
|
|
|
|
+ fnGoodsListSearch();
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
// 필터 가격 확인
|
|
// 필터 가격 확인
|
|
|
var fnCheckPrice = function (data){
|
|
var fnCheckPrice = function (data){
|
|
|
$("#priceSpan").remove();
|
|
$("#priceSpan").remove();
|
|
@@ -666,6 +683,17 @@
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
|
|
+ var fnSortList = function (obj, sortGb){
|
|
|
|
|
+ $("#sortArea").find('li').each(function (){
|
|
|
|
|
+ $(this).find('a').attr('class','off');
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ $(obj).addClass("on");
|
|
|
|
|
+ $("#searchGoodsForm").find("[name=sortGb]").val(sortGb);
|
|
|
|
|
+ fnCategoryGoodsInfiniteScrollInit();
|
|
|
|
|
+ fnGoodsListSearch();
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
/*]]>*/
|
|
/*]]>*/
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|