[mo]최근 본 상품

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

@@ -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();
 		

src/main/webapp/WEB-INF/views/web/common/fragments/FooterWeb.html

@@ -985,7 +985,7 @@
 							$.each(result, function (idx, item) {
 								tag += '		<div class="item_prod">\n';
 								tag += '			<div class="item_state">\n';
-								tag += '				<a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\', \'\', \'\', \'\');" class=" itemLink">\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';