Footer에 툴팁 추가. 쇼핑백건수 수정

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

@@ -6,11 +6,11 @@
 	<nav id="tabbar" class="tabbar fixed">
 	<!-- <nav id="tabbar" class="tabbar"> -->
 		<div class="tabbar-inner">
+			<a href="javascript:void(0);" onclick="menu();" class="btn-menu" data-popup-trigger="" data-target="#menu">Menu</a>
+			<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:history;" class="btn-history">History</a>
 			<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_WISHLIST);" class="btn-wish">Wish</a>
-			<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE);" class="btn-my">Mypage</a>
-			<a href="javascript:menu;" class="btn-menu" data-popup-trigger="" data-target="#menu">Menu</a>
+			<a href="javascript:history.back(-1);" class="btn-history">History</a>
 		</div>
 			<!-- 
 				<span class="txt-balloon" id="tutorial_mycloset" style=""> 툴팁예제</span>
@@ -49,22 +49,42 @@
 				</div>
 				
 				<ul class="link">
-					<li><a href="#none">사업자정보확인</a></li>
+					<li><a href="http://www.ftc.go.kr/bizCommPop.do?wrkr_no=2298137000">사업자정보확인</a></li>
 					<li><a href="#none">PC버전</a></li>
 					<li><a href="#none">APP 다운로드</a></li>
-					<li><a href="#none">SN&#64;PP</a></li>
+					<li><a href="http://zine.istyle24.com">SN&#64;PP</a></li>
 				</ul>
 				<ul class="copy">
 					<li>COPYRIGHTⓒ2020 STYLE24 ALL RIGHTS RESERVED.</li>
 				</ul>
 				<ul class="sns">
-					<li><a href="#none" class="insta">Instagram</a></li>
-					<li><a href="#none" class="facebook">facebook</a></li>
+					<li><a href="https://instagram.com/istyle24.official?igshid=o3nzm9tydg9n" class="insta">Instagram</a></li>
+					<li><a href="https://www.facebook.com/istyle24" class="facebook">facebook</a></li>
 				</ul>
 			</div>
 		</section>
 	</footer>
 	
+	<div id="menuFull">
+		<div class="fullHead">
+			<div class="goHome"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);"><img src="/images/mo/logo_STYLE24_full.png" alt=""></a></div>
+			<a href="javascript:void(0);" class="appSett">AppSetting</a>
+			<a href="javascript:menu_cls();" class="menu_cls">close</a>
+		</div>
+		<div class="fullBody">
+			<div class="inner">
+				<ul class="fullCate" id="ulQuickMenuCate">
+				</ul>
+			</div>
+			<div class="inner">
+				<div class="btn_group btn_group_flex">
+					<div th:if="${sessionInfo != null}"><button type="button" class="btn" onclick="cfnGoToPage(_PAGE_LOGOUT);"><span>로그아웃</span></button></div>
+					<div><button type="button" class="btn" onclick="cfnGoToPage(_PAGE_FAQ);"><span>고객센터</span></button></div>
+				</div>
+			</div>
+		</div>
+	</div>
+	
 	<!-- 배송지관리_팝업 -->
 	<div class="modal pop_full adrsChange_Pop" id="adrsChangePop" tabindex="-1" role="dialog" aria-labelledby="adrsChangeLabel" aria-hidden="true">
 		<div class="modal-dialog" role="document">
@@ -113,7 +133,76 @@
 
 <script th:inline="javascript">
 /*<![CDATA[*/
+	function menu() {
+		$("#menuFull").addClass('on');
+		return false;
+	}
+	
+	function menu_cls() {
+		$("#menuFull").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 = '';
+		if (cate1 != null) {
+			tag += '<li class="hasCate">\n';
+			tag += '	<a href="javascript:;"><span>' + cate1.cate1Nm + '</span></a>\n';
+			if (cate1.leafYn == 'N' && cate1.cate2List.length > 0) {
+				tag += '	<ul class="depthCate">\n';
+				tag += '		<li><a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'' + cate1.cateGb + '\',' + cate1.cate1No + ');"><span>메인</span></a>\n';
+				tag += '		<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\'' + cate1.cateGb + '\',' + cate1.cate1No + ');"><span>전체</span></a>\n';
+				$.each(cate1.cate2List, function(idx2, cate2) {
+					tag += '		<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\'' + cate2.cateGb + '\',' + cate2.cate1No + ',' + cate2.cate2No + ');"><span>' + cate2.cate2Nm + '</span></a>\n';
+				});
+				tag += '	</ul>\n';
+			}
+			tag += '</li>\n';
+		}
+		return tag;
+	}
+	
+	// 퀵메뉴탭 생성
+	let fnCreateQuickMenuTab = function() {
+		$.getJSON('/display/gnb/tab/list'
+			, function(result, status) {
+				if (status == 'success') {
+					if (result.length > 0) {
+						$('#ulQuickMenuCate').html('');
+						
+						let tag = '';
+						tag += '<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_ALL_BRAND);"><span>브랜드</span></a></li>\n';
+						
+						let allCate = [[${allCateList}]];
+						$.each(result, function(idx, item) {
+							if (item.contentsType == 'C' || item.contentsType == 'O') { // 컨텐츠유형: 카테고리, 아울렛
+								$.each(allCate, function(allCateIdx, allCateItem) {
+									if (item.cate1No == allCateItem.cate1No) {
+										tag += fnGetQuickMenuCategory(allCateItem);
+									}
+								});
+							} else if (item.contentsType == 'L') { // 컨텐츠유형:링크
+								tag += '<li><a href="' + item.linkUrl + '"><span>' + item.gtabNm + '</span></a></li>';
+							}
+						});
+						
+						$('#ulQuickMenuCate').html(tag);
+					}
+				}
+			});
+	}
+	
 	$(document).ready(function() {
+		// 퀵메뉴탭 조회
+		fnCreateQuickMenuTab();
+		
 		$.getJSON('/cart/goods/not/soldout/cnt', function (order, status) {
 			let cartCnt;
 			if (order.cartGoodsList.length > 99) {
@@ -122,8 +211,12 @@
 				cartCnt = order.cartGoodsList.length;
 			}
 
-			$("header #htopSub .button_wrap .store>span").text(cartCnt);
-			$("#header .gnb .btn_cart").attr("href", _PAGE_CART);
+// 			$("header #htopSub .button_wrap .store>span").text(cartCnt);
+// 			$("#header .gnb .btn_cart").attr("href", _PAGE_CART);
+			if (cartCnt > 0) {
+				$('#spanGnbCartCnt').html(cartCnt);
+				$('#spanGnbCartCnt').show();
+			}
 		});
 	});
 /*]]>*/

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

@@ -25,9 +25,9 @@
 				<button class="search">
 					<img src="/images/mo/ico_btn_search_w.png" alt="검색">
 				</button>
-				<button class="store">
+				<button class="store" onclick="cfnGoToPage(_PAGE_CART);">
 					<img src="/images/mo/ico_btn_store_w.png" alt="쇼핑백">
-					<span>99+</span>
+					<span id="spanGnbCartCnt" style="display: none;"></span>
 				</button>
 			</div>
 		</section>
@@ -74,8 +74,8 @@
 						$('#ulGnbTab').html('');
 						
 						let tag = '';
-						tag += '<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>\n';
-						tag += '<li class="on"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_ALL_BRAND);">브랜드</a></li>\n';
+						tag += '<li class="on"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>\n';
+						tag += '<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_ALL_BRAND);">브랜드</a></li>\n';
 						$.each(result, function(idx, item) {
 							if (item.contentsType == 'C') { // 컨텐츠유형: 카테고리
 								tag += '<li><a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'G032_101\',' + item.cate1No + ');">' + item.gtabNm + '</a></li>\n';