모바일 셋트/ 입점 상세

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

@@ -61,7 +61,6 @@
 	<script src="/ux/plugins/jquery.serializeObject.min.js"></script>
 	<script src="/ux/plugins/mcxdialog/mcxdialog_ui.js"></script>
 	<script type="text/javascript" src="https://ssl.daumcdn.net/dmaps/map_js_init/postcode.v2.js"></script>
-	<script type="text/javascript" src="https://file.kollus.com/vgcontroller/vg-controller-client.latest.min.js"></script>
 	<script src="/ux/plugins/lazyload.min.js"></script>
 
 	<script src="https://www.google.com/recaptcha/api.js" async defer></script>

src/main/webapp/WEB-INF/views/mob/goods/GoodsDetailFormMob.html

@@ -134,8 +134,8 @@
 							<div th:each="goodsOption2, status : ${goodsOption2List}">
 								<input type="radio" name="opt"  th:id="${goodsOption2.optCd}" th:disabled="${goodsOption2.soldoutYn == 'Y' or goodsOption2.stockQty <= 0}" 
 										th:attr="addPrice=${goodsOption2.addPrice}, optCd1=${goodsOption2.optCd1}, optCd2=${goodsOption2.optCd2}, optCd=${goodsOption2.optCd}"
-										th:onclick="fnViewStock(this, [[${goodsInfo.goodsCd}]],[[${goodsOption2.optCd}]],[[${goodsOption2.optCd1}]],[[${goodsOption2.optCd2}]],[[${goodsInfo.minOrdQty}]], [[${goodsInfo.maxOrdQty}]] )" />
-								<label th:for="${goodsOption2.optCd}"><span th:text="${goodsOption2.optCd2}">90</span></label>
+										 />
+								<label th:for="${goodsOption2.optCd}" th:onclick="fnViewStock(this, [[${goodsInfo.goodsCd}]],[[${goodsOption2.optCd}]],[[${goodsOption2.optCd1}]],[[${goodsOption2.optCd2}]],[[${goodsInfo.minOrdQty}]], [[${goodsInfo.maxOrdQty}]] )"><span th:text="${goodsOption2.optCd2}">90</span></label>
 							</div>
 						</div>
 					</div>
@@ -775,7 +775,7 @@
 						</th:block>
 					</div>
 					<!-- 네이버결제 -->
-					<div class="npay_box">
+					<div class="npay_box"  style="display:none;">
 						<div class="np_head">
 							<div><img src="/images/mo/img_npay_txt.png" alt="NAVER 네이버 ID로 간편구매 네이버페이"></div>
 							<div><button><img src="/images/mo/btn_npay_txt.png" alt="Npay 구매"></button></div>
@@ -820,7 +820,7 @@
 												<div class="combo">
 													<div class="select">선택</div>
 													<ul class="list" style="display: none;">
-														<li class="selected" th:id="|selfGoodsOpt1${goodsInfo.goodsCd}|" >선택</li> 
+														<!-- <li class="selected" th:id="|selfGoodsOpt1${goodsInfo.goodsCd}|" >선택</li>  -->
 														<th:block th:each="goodsOption, optionStatus : ${goodsOption1List}" >
 														<li th:onclick="fnOption2([[${optionStatus.count}]], [[${goodsOption.goodsCd}]],[[${goodsOption.optCd1}]],[[${goodsInfo.minOrdQty}]], [[${goodsInfo.maxOrdQty}]])"
 															th:attr="aria-disabled=${(goodsOption.goodsStat != 'G008_90' or goodsOption.stockQty <= 0)? 'true':''}, data-soldout=${(goodsOption.goodsStat != 'G008_90'  or goodsOption.stockQty <= 0)? 'true':''}">
@@ -859,7 +859,7 @@
 													<div class="select">선택</div>
 													<ul class="list" style="display: none;">
 														<th:block th:each="goodsOption, optionStatus : ${goodsCompose.goodsOption1List}" >
-														<li class="selected" th:id="|selfGoodsOpt1${goodsCompose.compsGoodsCd}|" th:if=${optionStatus.first}>선택</li> 
+														<!-- <li class="selected" th:id="|selfGoodsOpt1${goodsCompose.compsGoodsCd}|" th:if=${optionStatus.first}>선택</li> --> 
 														<li th:onclick="fnOption2([[${status.count}]], [[${goodsOption.goodsCd}]],[[${goodsOption.optCd1}]],[[${goodsInfo.minOrdQty}]], [[${goodsInfo.maxOrdQty}]])"
 															th:attr="aria-disabled=${(goodsCompose.goodsStat != 'G008_90')? 'true':''}, data-soldout=${(goodsCompose.goodsStat != 'G008_90')? 'true':''}"
 															><th:block th:text="${goodsOption.optCd1Nm}"></th:block>
@@ -902,9 +902,7 @@
 						</p>
 					</div>
 					<div class="btn_box">
-						<button class="gift">
-							<span><span>선물해보세요!</span></span>
-						</button>
+						<button type="button" class="gift" onclick="fnAddCart('G');" th:if="${goodsInfo.giftPackYn == 'Y'}"><span><span>선물해보세요!</span></span></button>
 						<th:block  th:if="${goodsInfo.stockQty > 0 and goodsInfo.goodsStat == 'G008_90'}">
 							<button type="button" class="cart" id="btnGoodsWish" onclick="fnAddCart('C');"><span>쇼핑백</span></button>
 							<button type="button" class="buyNow" id="btnGoodsCart" onclick="fnAddCart('O');"><span>바로구매</span></button>
@@ -931,7 +929,7 @@
 		</div>
 		<div class="prd_buy">
 			<th:block  th:if="${goodsInfo.stockQty > 0 and goodsInfo.goodsStat == 'G008_90'}">
-			<button type="button" class="buying btPop_auto">구매하기</button>
+			<button type="button" class="buying btPop_auto" id="btn_purchase">구매하기</button>
 			</th:block>
 			<th:block  th:unless="${goodsInfo.stockQty > 0 and goodsInfo.goodsStat == 'G008_90'}">
 			<button type="button" class="cantbuying" style="display:block;">SOLD OUT</button>
@@ -1210,6 +1208,7 @@
 				
 				fnSetTotalPrice();
 				
+				$('.pop_option_select').css("display", "none");
 			}); 
 		}
 	}
@@ -1266,7 +1265,7 @@
 						tag += '<div class="select">선택</div>\n';
 						tag += '<ul class="list" style="display: none;">\n';
 						//------
-						tag += '<li class="selected" id="selfGoodsOpt'+item.goodsCd+'">선택</li>\n';
+						//tag += '<li class="selected" id="selfGoodsOpt'+item.goodsCd+'">선택</li>\n';
 						selfGoodsYn = item.selfGoodsYn;
 					}
 					let soldoutYn = ""; 
@@ -1304,34 +1303,34 @@
 				if (selfGoodsYn == "Y"){
 					if (ridx == 1){
 						var opt_selecter01_1 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_1');	
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_1 .combo .list > li').eq(0).trigger("click");
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_1').attr('disabled',true);
-						$('.pop_option_select .select_custom.item_opt1.item_opt1_1').addClass('on');
-						$('.pop_option_select .select_custom.item_opt1.item_opt1_1').find('.list').css('display','block');
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_1 .combo .list > li').eq(0).trigger("click");
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_1').attr('disabled',true);
+						//$('.pop_option_select .select_custom.item_opt1.item_opt1_1').addClass('on');
+						//$('.pop_option_select .select_custom.item_opt1.item_opt1_1').find('.list').css('display','block');
 					}else if (ridx == 2){
 						var opt_selecter01_2 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_2');
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_2 .combo .list > li').eq(0).trigger("click");
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_2').attr('disabled',true);
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_2 .combo .list > li').eq(0).trigger("click");
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_2').attr('disabled',true);
 					}else if (ridx == 3){
 						var opt_selecter01_3 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_3');
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_3 .combo .list > li').eq(0).trigger("click");
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_3').attr('disabled',true);
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_3 .combo .list > li').eq(0).trigger("click");
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_3').attr('disabled',true);
 					}else if (ridx == 4){
 						var opt_selecter01_4 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_4');
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_4 .combo .list > li').eq(0).trigger("click");
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_4').attr('disabled',true);
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_4 .combo .list > li').eq(0).trigger("click");
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_4').attr('disabled',true);
 					}else{
 						var opt_selecter01_5 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_5');
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_4 .combo .list > li').eq(0).trigger("click");
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_4').attr('disabled',true);
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_4 .combo .list > li').eq(0).trigger("click");
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_4').attr('disabled',true);
 					}
 					
 				}else{
 					var opt_selecter01_1 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_1');
-					$('.pop_option_select .select_custom.item_opt2 .combo .list > li').eq(0).trigger("click");
-					$('.pop_option_select .select_custom.item_opt2.item_opt2_1').attr('disabled',true);
-					$('.pop_option_select .select_custom.item_opt1.item_opt1_1').addClass('on');
-					$('.pop_option_select .select_custom.item_opt1.item_opt1_1').find('.list').css('display','block');
+					//$('.pop_option_select .select_custom.item_opt2 .combo .list > li').eq(0).trigger("click");
+					//$('.pop_option_select .select_custom.item_opt2.item_opt2_1').attr('disabled',true);
+					//$('.pop_option_select .select_custom.item_opt1.item_opt1_1').addClass('on');
+					//$('.pop_option_select .select_custom.item_opt1.item_opt1_1').find('.list').css('display','block');
 				}	
 				
 			}
@@ -1391,7 +1390,7 @@
 						tag += '<div class="select">선택</div>\n';
 						tag += '<ul class="list">\n';
 						//------
-						tag += '<li class="selected" id="goodsOpt2'+item.goodsCd+'">선택</li>\n';	
+						//tag += '<li class="selected" id="goodsOpt2'+item.goodsCd+'">선택</li>\n';	
 					}
 					let soldoutYn = ""; 
 					let saleQty = (Number(qty) * Number(minOrdQty));
@@ -1422,30 +1421,30 @@
 				if (selfGoodsYn == "Y"){
 					if (ridx == 1){
 						var opt_selecter02_1 = new sCombo('.pop_option_select .select_custom.item_opt2.item_opt2_1');	
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_1').addClass('on');
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_1').find('.list').css('display','block');
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_1').addClass('on');
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_1').find('.list').css('display','block');
 					}else if (ridx == 2){
 						var opt_selecter02_2 = new sCombo('.pop_option_select .select_custom.item_opt2.item_opt2_2');
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_2').addClass('on');
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_2').find('.list').css('display','block');
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_2').addClass('on');
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_2').find('.list').css('display','block');
 					}else if (ridx == 3){
 						var opt_selecter02_3 = new sCombo('.pop_option_select .select_custom.item_opt2.item_opt2_3');
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_3').addClass('on');
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_3').find('.list').css('display','block');
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_3').addClass('on');
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_3').find('.list').css('display','block');
 					}else if (ridx == 4){
 						var opt_selecter02_4 = new sCombo('.pop_option_select .select_custom.item_opt2.item_opt2_4');
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_4').addClass('on');
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_4').find('.list').css('display','block');
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_4').addClass('on');
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_4').find('.list').css('display','block');
 					}else{
 						var opt_selecter02_5 = new sCombo('.pop_option_select .select_custom.item_opt2.item_opt2_5');
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_5').addClass('on');
-						$('.pop_option_select .select_custom.item_opt2.item_opt2_5').find('.list').css('display','block');
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_5').addClass('on');
+						//$('.pop_option_select .select_custom.item_opt2.item_opt2_5').find('.list').css('display','block');
 					}
 					
 				}else{
 					var opt_selecter02_1 = new sCombo('.pop_option_select .select_custom.item_opt2.item_opt2_1');
-					$('.pop_option_select .select_custom.item_opt2.item_opt2_1').addClass('on');
-					$('.pop_option_select .select_custom.item_opt2.item_opt2_1').find('.list').css('display','block');
+					//$('.pop_option_select .select_custom.item_opt2.item_opt2_1').addClass('on');
+					//$('.pop_option_select .select_custom.item_opt2.item_opt2_1').find('.list').css('display','block');
 				}	
 			}
 			
@@ -1971,8 +1970,8 @@
 		//팝업 - 구매하기 > 옵션선택 > 옵션셀렉트팝업
 		$(document).on('click','.Purchase_pop .option_result .option_open',function(e){
 			$(".Purchase_pop .pop_option_select").show(); 
-			$(".Purchase_pop .pop_option_select").find('.select_custom.item_opt1.item_opt1_1').addClass('on');
-			$(".Purchase_pop .pop_option_select").find('.select_custom.item_opt1.item_opt1_1 .list').css('display','block');
+			//$(".Purchase_pop .pop_option_select").find('.select_custom.item_opt1.item_opt1_1').addClass('on');
+			//$(".Purchase_pop .pop_option_select").find('.select_custom.item_opt1.item_opt1_1 .list').css('display','block');
 			return false;
 		});
 		
@@ -1987,6 +1986,8 @@
             return false;
         });   
 
+       
+        
 		fnOptionSoldout();
 		
 		// 광고 스크립트용
@@ -2067,47 +2068,40 @@
 		fnEpCouponDown([[${afLinkCd}]], [[${params.goodsCd}]], 1);
 	});
 	
-	/* window.onload = function() {
-		try {
-			var controller = new VgControllerClient({
-				target_window: document.getElementById('child').contentWindow
-			});
-			//console.log(controller.get_screen());
-			//controller.enable_fullscreen_button(true);
-			// 여기서부터 이벤트 리스너를 등록하거나, 웹페이지 Element에 메소드를 bind하면 됩니다.
-		} catch(e) {
-			// Videogateweay Controller Library는 window.postMessage API를 이용하기 때문에
-			// 해당 기능을 지원하지 않는 웹브라우져에서는 동작하지 않습니다.
-			// 이 부분에 적절한 fail-over 코드를 추가하여 주십시요.
-		}
-		controller.mute();
-		controller.play();
-		controller.set_control_visibility(false);
-		
-		$(window).scroll(function(){
-			var scrollTop= $(window).scrollTop();
-			var itemTop=$('.descript_box').offset().top;
-			var winHeight = $(window).height();
-			console.log(winHeight-scrollTop);
-			console.log(winHeight/1.5);
-			if (winHeight-scrollTop <= winHeight/1.5){
-				controller.pause();
+	 $('.Purchase_pop .btPop_close').click(function(){
+			$('html, body').css({'overflow': 'visible', 'height': '100%'});
+			$('.container').removeClass('btPop_open');
+			autome.style.top  = 100 + "%";
+			return false;
+		});
+     
+     $(window).scroll(function(){
+		var lastScrollTop = 0;
+		var st = $(this).scrollTop();
+		if($('header').hasClass("main") !== true){
+			if (st > lastScrollTop){
+				$(".app .gnb").css("position", "fixed");
+				$(".htop").css("background", "#fff");
+				$(".app .gnb .btn-expand").css("position", "fixed");
+				$(".tabbar").removeClass("fixed");
 			} else {
-				controller.play();
-				controller.set_control_visibility(false);
+				$(".app .gnb").css("position", "fixed");
+				$(".htop").css("background", "#fff");
+				$(".app .gnb .btn-expand").css("position", "fixed");
+				$(".tabbar").addClass("fixed");
+				setTimeout(function(){
+					if($(window).scrollTop() === 0){
+						$(".app .gnb").css("position", "relative");
+						$(".app .gnb .btn-expand").css("position", "absolute");
+					}
+				},300)
 			}
-
-			controller.on('done', function() {
-				controller.play();
-				controller.set_control_visibility(false);
-			});
-		});
-
-		$(document).on('click','.pop_open_btn',function(){
-				$('.modal.photo_comment_popup .pop_detail').toggleClass('active');
-		});
-		
-		}; */
+			if(st < 10) {
+				$(".htop").css("background", "transparent");
+			}
+			lastScrollTop = st;
+		}
+     });
 /*]]>*/
 </script>
 

src/main/webapp/biz/goods.js

@@ -65,12 +65,16 @@ var fnViewStock = function(obj, goodsCd, optCd, optCd1, optCd2,  minOrdQty, maxO
 			fnSetTotalPrice();
 			
 			// 모바일에서 작업해야함
-			$("#cartForm  input[name=opt]").each(function(){
-				if ($(this).attr('id') == optCd){
-					$("#cartForm  input[name=opt]").parent().find('label').removeClass('on');
-					$(this).parent().find('label').addClass('on');
-				}
-			});
+			if ('P' != _frontGb) {
+				$("#cartForm  input[name=opt]").each(function(){
+					if ($(this).attr('id') == optCd){
+						//$("#cartForm  input[name=opt]").parent().find('label').removeClass('on');
+						$(this).parent().find('label').addClass('on');
+					}else{
+						$(this).parent().find('label').removeClass('on');
+					}
+				});
+			}
 		}
 
 	}, "text");