테스트 수정

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

@@ -90,7 +90,7 @@
 							<span class="sale_price" ><em th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}">134,100</em>원 ~</span>
 						</p>
 						<div class="btn_group_flex">
-							<div><button type="button" class="btn btn_default" id="btn_saleCoupon_pop" th:onclick="cfGoodsCouponInfo([[${goodsInfo.goodsCd}]],[[${goodsInfo.goodsType}]])">쿠폰받기</button></div>
+							<div><button type="button" class="btn btn_default" id="btn_saleCoupon_pop" th:if="${goodsCouponList != null and !goodsCouponList.empty}" th:onclick="cfGoodsCouponInfo([[${goodsInfo.goodsCd}]],[[${goodsInfo.goodsType}]])">쿠폰받기</button></div>
 						</div>
 					</div>
 				</div>
@@ -1245,7 +1245,7 @@
 		 });
 		 
 		
-		 //탭 - 사이즈정보 > 탭
+		//탭 - 사이즈정보 > 탭
 		 $(document).on('click','#infoSizePop .tab_nav ul li',function(e){
 			 $(this).addClass('active').siblings().removeClass('active');
 			 $('#infoSizePop .tab_cont_wrap .tab_cont').hide();		
@@ -1275,7 +1275,7 @@
 			 $(this).parents().parents(".category_box").hide();
 			 return false;
 		 });
-		 
+		
 
 		//팝업 - 상품문의 리스트	
 		$(document).on('click','#btn_pdQnaList_pop',function(e){
@@ -1289,7 +1289,7 @@
 			return false;
 		});
 
-
+/* 
 		//팝업 - 제품리뷰 > 카테고리팝오픈
 		// 오픈
 		 $(document).on('click','.pd_review .category_open > li',function(e){
@@ -1318,7 +1318,7 @@
 					}
 				}
 			 return false;
-		 });
+		 }); */
 
 
 		// 포토,베스트리뷰숨김

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

@@ -500,52 +500,6 @@
 				<li data_name="height" th:if="${reviewHeightList != null and !reviewHeightList.empty}"><span>키 전체</span></li>
 				<li data_name="weight"><span>몸무게 전체</span></li>
 			</ul>
-			<div class="category_box">
-				<div class="lap">
-					<div class="category_close" onclick="fnReviewCateClose();">카테고리닫기</div>
-					<div class="category_list">
-						<!-- 평점,사이즈,키,몸무게 카테고리 -->
-						<div class="category" id="grade">
-							<ul class="n1">
-								<li class="active"><a href="javascript:void(0)" data="평점 전체" onclick="fnReviewSearch('A','');">전체</a></li>
-								<li><a href="javascript:void(0)" data="5점" onclick="fnReviewSearch('A','5');">5점&nbsp;★★★★★</a></li>
-								<li><a href="javascript:void(0)" data="4점" onclick="fnReviewSearch('A','4');">4점&nbsp;★★★★</a></li>
-								<li><a href="javascript:void(0)" data="3점" onclick="fnReviewSearch('A','3');">3점&nbsp;★★★</a></li>
-								<li><a href="javascript:void(0)" data="2점" onclick="fnReviewSearch('A','2');">2점&nbsp;★★</a></li>
-								<li><a href="javascript:void(0)" data="1점" onclick="fnReviewSearch('A','1');">1점&nbsp;★</a></li>
-							</ul>
-						</div>
-						<div class="category" id="size" th:if="${reviewOptionList != null and !reviewOptionList.empty}">
-							<ul class="n2">
-								<li class="active"><a href="javascript:void(0)" data="사이즈 전체" onclick="fnReviewSearch('O','');">전체</a></li>
-								<li th:each="reviewOption, status : ${reviewOptionList}">
-									<a href="javascript:void(0)" th:attr="data=${reviewOption.optCd}" th:onclick="fnReviewSearch('O',[[${reviewOption.optCd}]]);"><th:block th:text="${reviewOption.optCd}"></th:block></a>
-									<input type="hidden" name="selOption" th:value="${reviewOption.optCd}"/>
-								</li>
-							</ul>
-						</div>
-						<div class="category" id="height" th:if="${reviewHeightList != null and !reviewHeightList.empty}">
-							<ul class="n2">
-								<li class="active"><a href="javascript:void(0)" data="키 전체" onclick="fnReviewSearch('H','');">전체</a></li>
-								<li th:each="reviewHeight, status : ${reviewHeightList}">
-									<a href="javascript:void(0)" th:attr="data=${reviewHeight.cdNm}" th:onclick="fnReviewSearch('H',[[${reviewHeight.cd}]]);"><th:block th:text="${reviewHeight.cdNm}"></th:block></a>
-									<input type="hidden" name="selHeight" th:value="${reviewHeight.cd}"/>
-								</li>
-							</ul>
-						</div>
-						<div class="category" id="weight" th:if="${reviewWeightList != null and !reviewWeightList.empty}">
-							<ul class="n2">
-								<li class="active"><a href="javascript:void(0)" data="몸무게 전체" onclick="fnReviewSearch('W','');">전체</a></li>
-								<li th:each="reviewWeight, status : ${reviewWeightList}">
-									<a href="javascript:void(0)" th:attr="data=${reviewWeight.cdNm}" th:onclick="fnReviewSearch('W',[[${reviewWeight.cd}]]);"><th:block th:text="${reviewWeight.cdNm}"></th:block></a>
-									<input type="hidden" name="selWeight" th:value="${reviewWeight.cd}"/>
-								</li>
-							</ul>
-						</div>
-						<!-- //평점,사이즈,키,몸무게 카테고리 -->
-					</div>
-				</div>
-			</div>
 		</div>
 		<!-- 나열조건결과 있을 때 노출 내용 -->
 		<div class="review_list" id="listBoxOuter">
@@ -573,6 +527,53 @@
 	</div>
 	<!-- //등록리뷰 있을 시 -->
 </div>
+<div class="category_box review_cate_box">
+	<div class="lap">
+		<div class="category_close" onclick="fnReviewCateClose();">카테고리닫기</div>
+		<div class="category_list">
+			<!-- 평점,사이즈,키,몸무게 카테고리 -->
+			<div class="category" id="grade">
+				<ul class="n1">
+					<li class="active"><a href="javascript:void(0)" data="평점 전체" onclick="fnReviewSearch('A','');">전체</a></li>
+					<li><a href="javascript:void(0)" data="5점" onclick="fnReviewSearch('A','5');">5점&nbsp;★★★★★</a></li>
+					<li><a href="javascript:void(0)" data="4점" onclick="fnReviewSearch('A','4');">4점&nbsp;★★★★</a></li>
+					<li><a href="javascript:void(0)" data="3점" onclick="fnReviewSearch('A','3');">3점&nbsp;★★★</a></li>
+					<li><a href="javascript:void(0)" data="2점" onclick="fnReviewSearch('A','2');">2점&nbsp;★★</a></li>
+					<li><a href="javascript:void(0)" data="1점" onclick="fnReviewSearch('A','1');">1점&nbsp;★</a></li>
+				</ul>
+			</div>
+			<div class="category" id="size" th:if="${reviewOptionList != null and !reviewOptionList.empty}">
+				<ul class="n2">
+					<li class="active"><a href="javascript:void(0)" data="사이즈 전체" onclick="fnReviewSearch('O','');">전체</a></li>
+					<li th:each="reviewOption, status : ${reviewOptionList}">
+						<a href="javascript:void(0)" th:attr="data=${reviewOption.optCd}" th:onclick="fnReviewSearch('O',[[${reviewOption.optCd}]]);"><th:block th:text="${reviewOption.optCd}"></th:block></a>
+						<input type="hidden" name="selOption" th:value="${reviewOption.optCd}"/>
+					</li>
+				</ul>
+			</div>
+			<div class="category" id="height" th:if="${reviewHeightList != null and !reviewHeightList.empty}">
+				<ul class="n2">
+					<li class="active"><a href="javascript:void(0)" data="키 전체" onclick="fnReviewSearch('H','');">전체</a></li>
+					<li th:each="reviewHeight, status : ${reviewHeightList}">
+						<a href="javascript:void(0)" th:attr="data=${reviewHeight.cdNm}" th:onclick="fnReviewSearch('H',[[${reviewHeight.cd}]]);"><th:block th:text="${reviewHeight.cdNm}"></th:block></a>
+						<input type="hidden" name="selHeight" th:value="${reviewHeight.cd}"/>
+					</li>
+				</ul>
+			</div>
+			<div class="category" id="weight" th:if="${reviewWeightList != null and !reviewWeightList.empty}">
+				<ul class="n2">
+					<li class="active"><a href="javascript:void(0)" data="몸무게 전체" onclick="fnReviewSearch('W','');">전체</a></li>
+					<li th:each="reviewWeight, status : ${reviewWeightList}">
+						<a href="javascript:void(0)" th:attr="data=${reviewWeight.cdNm}" th:onclick="fnReviewSearch('W',[[${reviewWeight.cd}]]);"><th:block th:text="${reviewWeight.cdNm}"></th:block></a>
+						<input type="hidden" name="selWeight" th:value="${reviewWeight.cd}"/>
+					</li>
+				</ul>
+			</div>
+			<!-- //평점,사이즈,키,몸무게 카테고리 -->
+		</div>
+	</div>
+</div>
+
 <script src="/ux/plugins/jquery/jquery.history.min.js"></script>
 <script src="/ux/plugins/gaga/gaga.infinite.scrollLayer.js"></script>
 <script th:inline="javascript">
@@ -793,11 +794,17 @@
 	
 	// 상품평 초기화
 	var fnReviewSearchInit = function(){
+
+		$(".pd_review .category_box.review_cate_box").find('#grade').find('ul li').eq(0).trigger('click');
+		$(".pd_review .category_box.review_cate_box").find('#size').find('ul li').eq(0).trigger('click');
+		$(".pd_review .category_box.review_cate_box").find('#height').find('ul li').eq(0).trigger('click');
+		$(".pd_review .category_box.review_cate_box").find('#weight').find('ul li').eq(0).trigger('click');
+		
+		//$('#goodsReviewForm').find('#grade').find('ul li').eq(0).trigger('click');
+		//$('#goodsReviewForm').find('#size').find('ul li').eq(0).trigger('click');
+		//$('#goodsReviewForm').find('#height').find('ul li').eq(0).trigger('click');
+		//$('#goodsReviewForm').find('#weight').find('ul li').eq(0).trigger('click');
 		
-		$('#goodsReviewForm').find('#grade').find('ul li').eq(0).trigger('click');
-		$('#goodsReviewForm').find('#size').find('ul li').eq(0).trigger('click');
-		$('#goodsReviewForm').find('#height').find('ul li').eq(0).trigger('click');
-		$('#goodsReviewForm').find('#weight').find('ul li').eq(0).trigger('click');
 		
 		$('#goodsReviewForm input[name=reviewScore]').val('');
 		$('#goodsReviewForm input[name=reviewOption]').val('');
@@ -815,6 +822,38 @@
 		$(".pd_review .category_box").hide();
 	}
 	
+	//210615_ 수정 : 제품리뷰 > 카테고리 팝업 선택자 [.review_cate_box] 변경.
+	//팝업 - 제품리뷰 > 카테고리팝오픈
+	// 오픈
+    $(document).on('click','.pd_review .category_open > li',function(e){
+		var dataName=$(this).attr("data_name");
+        $(".review_cate_box").show();
+		$(".review_cate_box").find(".category").hide();
+		$(".review_cate_box").find("#"+dataName).show();
+		return false;
+    });
+	// 닫기
+	$(document).on('click','.review_cate_box .category_close',function(e){
+		$(".review_cate_box").hide();
+        return false;
+    });
+	// 변경
+    $(document).on('click','.review_cate_box ul > li',function(e){
+		var num=$(".pd_review .category_open > li").length;
+		var value=$(this).find("a").attr("data");
+		var name=$(this).parent().parent().attr("id");
+		$(this).parent().find("li").removeClass("active");
+		$(this).addClass("active");
+		for(var i=0; i < num; i++){
+			var dataname=$(".pd_review .category_open > li").eq(i).attr("data_name");
+			if(name==dataname){
+				$(".pd_review .category_open > li").eq(i).find("span").text(value);
+			}
+		}
+        return false;
+    });
+
+	
 	$(document).ready( function() {
 
 		//슬라이드 - 베스트리뷰
@@ -830,33 +869,6 @@
 			},
 		});	
 		
-		//팝업 - 제품리뷰 > 카테고리팝오픈
-		// 오픈
-		$(document).on('click','.pd_review .category_open > li',function(e){
-			var dataName=$(this).attr("data_name");
-			$(".pd_review .category_box").show();
-			$(".pd_review .category_list").find(".category").hide();
-			$(".pd_review .category_list").find("#"+dataName).show();
-			return false;
-		});
-		
-		// 변경
-		$(document).on('click','.pd_review .category ul > li',function(e){
-			var num=$(".pd_review .category_open > li").length;
-			var value=$(this).find("a").attr("data");
-			var name=$(this).parent().parent().attr("id");
-			$(this).parent().find("li").removeClass("active");
-			$(this).addClass("active");
-			for(var i=0; i < num; i++){
-				var dataname=$(".pd_review .category_open > li").eq(i).attr("data_name");
-				if(name==dataname){
-					$(".pd_review .category_open > li").eq(i).find("span").text(value);
-				}
-			}
-			return false;
-		});
-
-		
 	});
 	
 /*]]>*/

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

@@ -34,7 +34,7 @@
 			<!-- //해당상품 -->
 		</div>
 		<div class="modal-body">
-			<div class="pop_cont" id="goodsDealReview" data-id="layer_infinite_item" >
+			<div class="pop_cont pd_review" id="goodsDealReview" data-id="layer_infinite_item" >
 			</div>
 		</div>
 	</div>

src/main/webapp/WEB-INF/views/web/goods/GoodsDealDetailFormWeb.html

@@ -399,14 +399,17 @@
 		<!-- // 이 상품과 함께 본 상품 -->
 	</div>
 	<!-- 상품썸네일 크게보기 팝업 -->
-	<div class="pd_pop full_pop pd_itemthumb_pop" id="pdItemThumbPop"> 
+	<div class="pd_pop full_pop pd_itemthumb_pop" id="pdItemThumbPop" th:if="${(goodsImgList != null and !goodsImgList.empty)}" > 
 		<div class="full_popup_wrap">
 			<h5 class="sr-only">상품썸네일 크게보기</h5>
 			<div class="btn_close">
 				<a href="" id="btn_close_itemThumbPop">닫기버튼</a>
 			</div>
-			<div class="full_pop_container">
-				<!-- 배송교환반품안내 리스트 내용 -->
+			<div class="full_pop_container"  th:with="videoYn=${(goodsVideoList != null and !goodsVideoList.empty)? 'Y' :'N'}">
+			<th:block th:each="goodsImg, status : ${goodsImgList}" th:with="count=${(videoYn == 'Y')?  (status.count +1): status.count }">
+				<div th:id="${'popThumb1'+ count}" class="scaleview" >
+					<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'"></div>
+			</th:block>
 			</div>
 		</div>		
 	</div>

src/main/webapp/WEB-INF/views/web/goods/GoodsDetailFormWeb.html

@@ -1260,14 +1260,17 @@
 		<!-- // 이 상품과 비슷한 상품 -->
 	</div>
 	<!-- 상품썸네일 크게보기 팝업 -->
-	<div class="pd_pop full_pop pd_itemthumb_pop" id="pdItemThumbPop"> 
+	<div class="pd_pop full_pop pd_itemthumb_pop" id="pdItemThumbPop" th:if="${(goodsImgList != null and !goodsImgList.empty)}" > 
 		<div class="full_popup_wrap">
 			<h5 class="sr-only">상품썸네일 크게보기</h5>
 			<div class="btn_close">
 				<a href="" id="btn_close_itemThumbPop">닫기버튼</a>
 			</div>
-			<div class="full_pop_container">
-				<!-- 배송교환반품안내 리스트 내용 -->
+			<div class="full_pop_container"  th:with="videoYn=${(goodsVideoList != null and !goodsVideoList.empty)? 'Y' :'N'}">
+			<th:block th:each="goodsImg, status : ${goodsImgList}" th:with="count=${(videoYn == 'Y')?  (status.count +1): status.count }">
+				<div th:id="${'popThumb1'+ count}" class="scaleview" >
+					<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'"></div>
+			</th:block>
 			</div>
 		</div>		
 	</div>