ソースを参照

검색화면 추천상품 수정

bin2107 4 年 前
コミット
fddb61ae50

+ 16 - 47
src/main/webapp/WEB-INF/views/mob/display/BrandSearchGoodsListFormMob.html

@@ -49,41 +49,14 @@
 				</div>
 
 				<!-- 이런상품은 어떤가요 -->
-				<div class="now_view" id="recomArea" style="display:none;">
+				<div class="now_view" id="recomArea">
 					<div class="store_product">
 						<div class="allresult-tit">
 							<h3>이런 상품은 어떤가요?</h3>
 						</div>
 						<div class="swiper-container sch_product">
 							<div class="swiper-wrapper" id="recommendItemArea">
-								<div class="swiper-slide">
-									<div class="item_prod">
-										<div class="item_state">
-											<button type="button" class="itemLike">관심상품 추가</button>
-											<a href="#none" class="itemLink">
-												<div class="itemPic">
-													<img class="vLHTC pd_img" th:src="${@environment.getProperty('domain.uximage')} + '/images/mo/br_main03.png'" alt="">
-												</div>
-												<p class="itemBrand">BRAND NAME</p>
-												<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-												<p class="itemPrice">
-													<span class="itemPrice_original">89,000</span>
-													80,100
-													<span class="itemPercent">10%</span>
-												</p>
-												<div class="itemcolorchip">
-													<span class="chip_color35" value="ABM">BEIGE</span>
-													<span class="chip_color54" value="BDS">BLACK</span>
-													<span class="chip_color40" value="YBR">WHITE</span>
-												</div>
-												<p class="itemBadge">
-													<span class="badge13">베스트 </span>
-												</p>
-												<div class="itemComment">#주문 폭주 상품</div>
-											</a>
-										</div>
-									</div>
-								</div>
+
 							</div>
 						</div>
 					</div>
@@ -518,7 +491,6 @@
 		$('#noDataFilter').hide();
 		$('#goodsNodata').hide();
 		$('#goodsKeyword').text('');
-		$('#recomArea').hide();
 		totalCnt = result.paging.totalCount;
 		$("#totCntId").text(totalCnt.addComma());
 		$("#prodListCnt").text('('+totalCnt.addComma()+')');
@@ -547,7 +519,6 @@
 			$('#eventNodata').hide();
 			$('#eventKeyword').text('');
 			$('#dataArea').show();
-			$('#recomArea').hide();
 			var goodsUrl = [[${@environment.getProperty('upload.goods.view')}]];
 			let lastPage = result.paging.pageNo;
 			let endRow = result.paging.endRow - result.paging.pageSize;
@@ -578,9 +549,6 @@
 				$('#goodsNodata').show();
 				$('#goodsKeyword').text([[${params.keyword}]]);
 				$('#dataArea').hide();
-				$('#recomArea').show();
-				// 검색어 연관 상품 추천
-				fnRecommendItemList([[${params.keyword}]]);
 			}
 			gagaInfiniteScroll.draw('not');
 		}
@@ -704,6 +672,9 @@
 	}
 
 	$(document).ready( function() {
+		// 검색어 연관 상품 추천
+		fnRecommendItemList([[${params.keyword}]]);
+
 		// 광고배너체크
 		if(!gagajf.isNull(adBannerList) && adBannerList.length>0){
 			var imgUrl = [[${@environment.getProperty('upload.image.view')}]];
@@ -1009,22 +980,19 @@
 					html += '	</div>\n';
 					html += '</div>\n';
 				});
+			}else{
+				$("#recomArea").hide();
 			}
 			$("#recommendItemArea").append(html);
 
-			if( "" == html){
-				$("#recomArea").hide();
-			}else{
-				$("#recomArea").show();
-				var swiperschProduct2 = new Swiper('.swiper-container.sch_product', {
-					slidesPerView: 2.2,
-					spaceBetween: 7,
-					autoplay: {
-						delay: 4000,
-					},
-					freeMode: true,
-				});
-			}
+			var swiperschProduct2 = new Swiper('.swiper-container.sch_product', {
+				slidesPerView: 2.2,
+				spaceBetween: 7,
+				autoplay: {
+					delay: 4000,
+				},
+				freeMode: true,
+			});
 		});
 	}
 
@@ -1053,6 +1021,7 @@
 		//listIdx = 1;
 		$('#endPage').hide();
 		$('#noFilterData').hide();
+		$("#recomArea").hide();
 	}
 
 	/*]]>*/

+ 9 - 33
src/main/webapp/WEB-INF/views/mob/display/SearchGoodsListFormMob.html

@@ -58,7 +58,7 @@
 								<!-- // 전체 검색결과 없을때 -->
 							</div>
 
-							<div class="inner" id="recomArea" style="display:none;">
+							<div class="inner" id="recomArea" >
 								<!-- 이런상품은 어떤가요 -->
 								<div class="now_view">
 									<div class="store_product">
@@ -67,34 +67,7 @@
 										</div>
 										<div class="swiper-container sch_product">
 											<div class="swiper-wrapper" id="recommendItemArea">
-												<div class="swiper-slide">
-													<div class="item_prod">
-														<div class="item_state">
-															<button type="button" class="itemLike">관심상품 추가</button>
-															<a href="#none" class="itemLink">
-																<div class="itemPic">
-																	<img class="vLHTC pd_img" th:src="${@environment.getProperty('domain.uximage')} + '/images/mo/br_main03.png'" alt="">
-																</div>
-																<p class="itemBrand">BRAND NAME</p>
-																<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-																<p class="itemPrice">
-																	<span class="itemPrice_original">89,000</span>
-																	80,100
-																	<span class="itemPercent">10%</span>
-																</p>
-																<div class="itemcolorchip">
-																	<span class="chip_color35" value="ABM">BEIGE</span>
-																	<span class="chip_color54" value="BDS">BLACK</span>
-																	<span class="chip_color40" value="YBR">WHITE</span>
-																</div>
-																<p class="itemBadge">
-																	<span class="badge13">베스트 </span>
-																</p>
-																<div class="itemComment">#주문 폭주 상품</div>
-															</a>
-														</div>
-													</div>
-												</div>
+
 											</div>
 										</div>
 									</div>
@@ -604,7 +577,6 @@
 		$('#endPage').hide();
 		$('#noDataFilter').hide();
 		$('#goodsNodata').hide();
-		$('#recomArea').hide();
 		$('#goodsKeyword').text('');
 		totalCnt = result.paging.totalCount;
 		$("#totCntId").text(totalCnt.addComma());
@@ -666,9 +638,6 @@
 				$('#goodsNodata').show();
 				$('#goodsKeyword').text([[${params.keyword}]]);
 				$('#dataArea').hide();
-				$('#recomArea').show();
-				// 검색어 연관 상품 추천
-				fnRecommendItemList([[${params.keyword}]]);
 			}
 			gagaInfiniteScroll.draw('not');
 		}
@@ -789,6 +758,9 @@
 	}
 
 	$(document).ready( function() {
+		// 검색어 연관 상품 추천
+		fnRecommendItemList([[${params.keyword}]]);
+
 		// 광고배너체크
 		if(!gagajf.isNull(adBannerList) && adBannerList.length>0){
 			var imgUrl = [[${@environment.getProperty('upload.image.view')}]];
@@ -1085,6 +1057,8 @@
 					html += '	</div>\n';
 					html += '</div>\n';
 				});
+			}else{
+				$('#recomArea').hide();
 			}
 			$("#recommendItemArea").append(html);
 
@@ -1105,6 +1079,8 @@
 		//listIdx = 1;
 		$('#endPage').hide();
 		$('#noFilterData').hide();
+		// 추천상품 hide
+		$('#recomArea').hide();
 	}
 
 	//TabWrap, TabIndex

+ 8 - 5
src/main/webapp/WEB-INF/views/web/display/BrandSearchGoodsListFormWeb.html

@@ -97,7 +97,7 @@
 						</div>
 						<!-- //통합 상품 검색결과 없을 시 노출 -->
 						<!-- 추천상품 노출 -->
-						<div class="sch_recommend" id="recomArea" style="display:none;">
+						<div class="sch_recommend" id="recomArea">
 							<h3>이런 상품은 어떤가요?</h3>
 							<div class="itemsGrp" id="recommendItemArea">
 
@@ -434,7 +434,6 @@
 				$('#noFilterData').hide();
 				$('#endPage').hide();
 				$('#goodsNodata').hide();
-				$('#recomArea').hide();
 				$('#goodsKeyword').text('');
 				$('.cont_body .lnb').show();
 				$('.cont_body .cont').show();
@@ -474,9 +473,6 @@
 					$('#goodsKeyword').text([[${params.keyword}]]);
 					$('.cont_body .lnb').hide();
 					$('.cont_body .cont').hide();
-					$('#recomArea').show();
-					// 검색어 연관 상품 추천
-					fnRecommendItemList([[${params.keyword}]]);
 				}
 				gagaInfiniteScroll.draw('not');
 			}
@@ -617,6 +613,9 @@
 		}
 
 		$(document).ready( function() {
+			// 검색어 연관 상품 추천
+			fnRecommendItemList([[${params.keyword}]]);
+
 			// 광고배너체크
 			if(!gagajf.isNull(adBannerList) && adBannerList.length>0){
 				var imgUrl = [[${@environment.getProperty('upload.image.view')}]];
@@ -935,6 +934,8 @@
 						html += '	</div>\n';
 						html += '</div>\n';
 					});
+				}else{
+					$("#recomArea").hide();
 				}
 				$("#recommendItemArea").append(html);
 			});
@@ -946,6 +947,8 @@
 			//listIdx = 1;
 			$('#endPage').hide();
 			$('#noFilterData').hide();
+			// 추천상품 hide
+			$("#recomArea").hide();
 		}
 	</script>
 

+ 9 - 28
src/main/webapp/WEB-INF/views/web/display/SearchGoodsListFormWeb.html

@@ -112,35 +112,11 @@
 							</div>
 						</div>
 						<!-- //통합 상품 검색결과 없을 시 노출 -->
-						<!-- 추천상품 노출 style="display:none;"-->
+						<!-- 추천상품 노출 -->
 						<div class="sch_recommend">
 							<h3>이런 상품은 어떤가요?</h3>
 							<div class="itemsGrp" id="recommendItemArea">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="" class="vLHTC pd_img" th:src="${@environment.getProperty('domain.uximage')} + '/images/pc/thumb/tmp_pdTogether1.jpg'">
-											</div>
-											<p class="itemBrand">BRAND NAME1</p>
-											<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-											<p class="itemPrice">80,100
-												<span class="itemPrice_original">89,000</span>
-												<span class="itemPercent">10%</span>
-											</p>
-											<p class="itemBadge">
-												<span class="badge13">베스트 </span>
-											</p>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
-											</div>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
-									</div>
-								</div>
+
 							</div>
 						</div>
 						<!-- //추천상품 노출 -->
@@ -490,6 +466,8 @@
 		var adBannerTag = '';
 		var filterPriceList = [[${filterPriceList}]];
 		var custom_values = [];
+		var recommendItemList = [[${recommendItemList}]];
+		console.log('recommendItemList::'+recommendItemList.result);
 
 		// 상품리스트 페이지 확인용
 		var listIdx = 1;
@@ -579,8 +557,6 @@
 					$('.cont_body .lnb').hide();
 					//$('.cont_body .cont').hide();
 					$("#filterArea").hide();
-					// 검색어 연관 상품 추천
-					fnRecommendItemList([[${params.keyword}]]);
 				}
 				gagaInfiniteScroll.draw('not');
 			}
@@ -851,6 +827,9 @@
 		}
 
 		$(document).ready( function() {
+			// 검색어 연관 상품 추천
+			fnRecommendItemList([[${params.keyword}]]);
+
 			// 광고배너체크
 			if(!gagajf.isNull(adBannerList) && adBannerList.length>0){
 				var imgUrl = [[${@environment.getProperty('upload.image.view')}]];
@@ -1171,6 +1150,8 @@
 						html += '	</div>\n';
 						html += '</div>\n';
 					});
+				}else{
+					$('.sch_recommend').hide();
 				}
 				$("#recommendItemArea").append(html);
 			});