|
|
@@ -10,7 +10,7 @@
|
|
|
<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE);" class="btn-my">Mypage</a>
|
|
|
<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);" class="btn-home">Home</a>
|
|
|
<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_WISHLIST);" class="btn-wish">Wish</a>
|
|
|
- <a href="javascript:void(0);" class="btn-history">History</a>
|
|
|
+ <a href="javascript:void(0);" onclick="hstr()" class="btn-history">History</a>
|
|
|
</div>
|
|
|
<!--
|
|
|
<span class="txt-balloon" id="tutorial_mycloset" style=""> 툴팁예제</span>
|
|
|
@@ -154,6 +154,33 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</aside>
|
|
|
+
|
|
|
+
|
|
|
+<!-- 210623_ 추가 : 최근본상품 -->
|
|
|
+<div id="hstrFull">
|
|
|
+ <div class="fullHead">
|
|
|
+ <h1 id="htopTitle" >최근 본 상품</h1>
|
|
|
+ <a href="javascript:hstr_cls();" class="hstr_cls">close</a>
|
|
|
+ </div>
|
|
|
+ <div class="fullBody">
|
|
|
+ <div class="inner">
|
|
|
+
|
|
|
+ <div class="list_content"> <!-- 데이터 없을시 클래스 nodata 추가 -->
|
|
|
+ <div class="count_wrap">
|
|
|
+ <div>
|
|
|
+ <p><span id="quickMenuTodayCount">0</span>개의 상품</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="itemsGrp" id="quickMenuTodayGoods"> <!-- itemsGrp rank hot deal -->
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<!-- // 210623_ 추가 : 최근본상품 -->
|
|
|
+
|
|
|
|
|
|
<script th:inline="javascript">
|
|
|
/*<![CDATA[*/
|
|
|
@@ -167,12 +194,22 @@
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
+ function hstr() { // 210623_ 추가 : 최근본상품 열고 닫기
|
|
|
+ $("#hstrFull").addClass('on');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ function hstr_cls() {
|
|
|
+ $("#hstrFull").removeClass('on');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
$(document).on('click','.hasCate a',function(e){
|
|
|
$(this).next('.depthCate').slideToggle(300);
|
|
|
$(this).toggleClass('on');
|
|
|
return false;
|
|
|
});
|
|
|
|
|
|
+
|
|
|
// 퀵메뉴카테고리
|
|
|
let fnGetQuickMenuCategory = function(cate1) {
|
|
|
let tag = '';
|
|
|
@@ -221,6 +258,40 @@
|
|
|
});
|
|
|
}
|
|
|
|
|
|
+ // 최근 본 상품
|
|
|
+ let fnGetRecentlyGoods = function() {
|
|
|
+ $.getJSON('/goods/recently/list', function(result, status) {
|
|
|
+ if (status == 'success') {
|
|
|
+ $('#quickMenuTodayGoods').html('');
|
|
|
+
|
|
|
+ $('#quickMenuTodayCount').html(result.length);
|
|
|
+ let tag = '';
|
|
|
+ if (result.length > 0) {
|
|
|
+ $.each(result, function (idx, item) {
|
|
|
+ tag += '<div class="item_prod">\n';
|
|
|
+ tag += ' <div class="item_state">\n';
|
|
|
+ tag += ' <button type="button" class="itemLike">관심상품 추가</button>\n';
|
|
|
+ tag += ' <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\''+item.goodsCd+'\',\'\',\'IN22_01\')" class="itemLink">\n';
|
|
|
+ tag += ' <div class="itemPic">\n';
|
|
|
+ tag += ' <img class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '" alt="">\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += ' </a>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += '</div>\n';
|
|
|
+ })
|
|
|
+
|
|
|
+ }else {
|
|
|
+ tag += '<div class="no_item">';
|
|
|
+ tag += ' 최근 본 상품이 없습니다.';
|
|
|
+ tag += '</div>';
|
|
|
+
|
|
|
+ }
|
|
|
+ $('#quickMenuTodayGoods').html(tag);
|
|
|
+
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
// 팝업
|
|
|
let fnGetPopup = function(){
|
|
|
let data = {viewPage : [[${viewPage}]]
|
|
|
@@ -349,6 +420,9 @@
|
|
|
// 퀵메뉴탭 조회
|
|
|
fnCreateQuickMenuTab();
|
|
|
|
|
|
+ // 최근 본 상품 조회
|
|
|
+ fnGetRecentlyGoods();
|
|
|
+
|
|
|
// 팝업조회
|
|
|
fnGetPopup();
|
|
|
|