검색화면 광고배너 수정

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

@@ -195,6 +195,20 @@
 				</div>
 				<!-- // 이런상품은 어떤가요 -->
 			</div>
+			<!-- 210706_ 수정 : 배너 가이드 퍼블리싱 수정. -->
+			<!-- 210706_ 변경 : 배너 위치 이동. -->
+			<div class="inner" id="adBannerArea">
+<!--				<div class="banner">-->
+<!--					<a href="">-->
+<!--						<div class="bnnbox">-->
+<!--							<div class="txtWrap">-->
+<!--								<p>TBJ 가을 신상 <br> 아우터 + 이너 단독세일 </p>-->
+<!--							</div>-->
+<!--							<img src="/images/pc/thumb/bnr_sch_result.jpg" alt="검색결과 배너">-->
+<!--						</div>-->
+<!--					</a>-->
+<!--				</div>-->
+			</div>
 
 			<div class="inner" id="dataArea">
 				<!-- 필터 시작 -->
@@ -635,7 +649,7 @@
 			var goodsUrl = [[${@environment.getProperty('upload.goods.view')}]];
 			let lastPage = result.paging.pageNo;
 			let endRow = result.paging.endRow - result.paging.pageSize;
-			var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow, 'Mob', idx,adBannerTag);
+			var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow, 'Mob');
 			gagaInfiniteScroll.draw(htm);
 			idx++;
 			//fnImgOnoff();
@@ -793,6 +807,7 @@
 				adBannerTag += '	</a>\n';
 				adBannerTag += '</div>\n';
 			});
+			$("#adBannerArea").append(adBannerTag);
 		}
 
 		if(filterPriceList.length > 0){

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

@@ -214,6 +214,21 @@
 								<!-- // 이런상품은 어떤가요 -->
 							</div>
 
+							<!-- 210706_ 수정 : 배너 가이드 퍼블리싱 수정. -->
+							<!-- 210706_ 변경 : 배너 위치 이동. -->
+							<div class="inner" id="adBannerArea">
+<!--								<div class="banner">-->
+<!--									<a href="">-->
+<!--										<div class="bnnbox">-->
+<!--											<div class="txtWrap">-->
+<!--												<p>TBJ 가을 신상 <br> 아우터 + 이너 단독세일 </p>-->
+<!--											</div>-->
+<!--											<img src="/images/pc/thumb/bnr_sch_result.jpg" alt="검색결과 배너">-->
+<!--										</div>-->
+<!--									</a>-->
+<!--								</div>-->
+							</div>
+
 							<div class="inner" id="dataArea">
 								<!-- 필터 시작 -->
 								<div class="count_wrap">
@@ -723,7 +738,7 @@
 			var goodsUrl = [[${@environment.getProperty('upload.goods.view')}]];
 			let lastPage = result.paging.pageNo;
 			let endRow = result.paging.endRow - result.paging.pageSize;
-			var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow, 'Mob', idx,adBannerTag);
+			var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow, 'Mob');
 			gagaInfiniteScroll.draw(htm);
 			idx++;
 			//fnImgOnoff();
@@ -881,6 +896,7 @@
 				adBannerTag += '	</a>\n';
 				adBannerTag += '</div>\n';
 			});
+			$("#adBannerArea").append(adBannerTag);
 		}
 
 		if(filterPriceList.length > 0){

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

@@ -447,6 +447,11 @@
 										</div>
 										<!-- //필터 -->
 									</div>
+								</div>
+								<!-- 210706_ 수정 : 배너 가이드 퍼블리싱 수정. -->
+								<!-- 210706_ 변경 : 배너 위치 이동. -->
+								<div class="banner" id="adBannerArea">
+
 								</div>
 								<div class="area_list">
 									<!-- 검색필터 결과 상품 노출 -->
@@ -559,7 +564,7 @@
 				var goodsUrl = [[${@environment.getProperty('upload.goods.view')}]];
 				let lastPage = result.paging.pageNo;
 				let endRow = result.paging.endRow - result.paging.pageSize;
-				var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow,'',idx,adBannerTag);
+				var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow,'');
 				gagaInfiniteScroll.draw(htm);
 				idx++;
 				//fnImgOnoff();
@@ -732,7 +737,6 @@
 			if(!gagajf.isNull(adBannerList) && adBannerList.length>0){
 				var imgUrl = [[${@environment.getProperty('upload.image.view')}]];
 				$.each(adBannerList, function (idx,item){
-					adBannerTag += '<div class="banner">\n';
 					adBannerTag += '	<a href="'+item.strVar1+'">\n';
 					adBannerTag += '		<div class="bnnbox">\n';
 					adBannerTag += '			<div class="txtWrap">\n';
@@ -741,8 +745,8 @@
 					adBannerTag += '			<img src="'+imgUrl+item.imgPath1+'" width="100%" alt="">\n';
 					adBannerTag += '		</div>\n';
 					adBannerTag += '	</a>\n';
-					adBannerTag += '</div>\n';
 				});
+				$("#adBannerArea").append(adBannerTag);
 			}
 
 			let priceLen;

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

@@ -449,6 +449,11 @@
 										</div>
 										<!-- //필터 -->
 									</div>
+								</div>
+								<!-- 210706_ 수정 : 배너 가이드 퍼블리싱 수정. -->
+								<!-- 210706_ 변경 : 배너 위치 이동. -->
+								<div class="banner" id="adBannerArea">
+
 								</div>
 								<div class="area_list">
 									<!-- 검색필터 결과 상품 노출 -->
@@ -623,7 +628,7 @@
 				var goodsUrl = [[${@environment.getProperty('upload.goods.view')}]];
 				let lastPage = result.paging.pageNo;
 				let endRow = result.paging.endRow - result.paging.pageSize;
-				var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow,'',idx,adBannerTag);
+				var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow,'');
 				gagaInfiniteScroll.draw(htm);
 				idx++;
 				//fnImgOnoff();
@@ -914,7 +919,7 @@
 			if(!gagajf.isNull(adBannerList) && adBannerList.length>0){
 				var imgUrl = [[${@environment.getProperty('upload.image.view')}]];
 				$.each(adBannerList, function (idx,item){
-					adBannerTag += '<div class="banner">\n';
+					// adBannerTag += '<div class="banner">\n';
 					adBannerTag += '	<a href="'+item.strVar1+'">\n';
 					adBannerTag += '		<div class="bnnbox">\n';
 					adBannerTag += '			<div class="txtWrap">\n';
@@ -923,8 +928,9 @@
 					adBannerTag += '			<img src="'+imgUrl+item.imgPath1+'" width="100%" alt="">\n';
 					adBannerTag += '		</div>\n';
 					adBannerTag += '	</a>\n';
-					adBannerTag += '</div>\n';
+					// adBannerTag += '</div>\n';
 				});
+				$("#adBannerArea").append(adBannerTag);
 			}
 
 			let priceLen;

src/main/webapp/biz/search.js

@@ -2,7 +2,7 @@
 var categoryGoodsList = [];
 var cnt = 1;
 var email = '';
-var fnCreateGoodsList = function(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow, appGb, firstRow, adBannerTag) {
+var fnCreateGoodsList = function(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow, appGb) {
 	console.log('search fnCreateGoodsList');
 	var tag = '';
 	var rank = 0;
@@ -176,15 +176,15 @@ var fnCreateGoodsList = function(result, ithrCd, contentLoc, goodsUrl, lastPage,
 			tag += '	</div>';
 			tag += '</div>';
 		}
-		if(appGb=='Mob'){
-			if(idx==1 && firstRow==1){
-				tag += adBannerTag;
-			}
-		}else{
-			if(idx==4 && firstRow==1){
-				tag += adBannerTag;
-			}
-		}
+		// if(appGb=='Mob'){
+		// 	if(idx==1 && firstRow==1){
+		// 		tag += adBannerTag;
+		// 	}
+		// }else{
+		// 	if(idx==4 && firstRow==1){
+		// 		tag += adBannerTag;
+		// 	}
+		// }
 	});
 
 	return tag;

src/main/webapp/ux/mo/css/layout_m.css

@@ -402,8 +402,9 @@
 .item_prod .item_state {position: relative; padding:0; box-sizing: border-box;}
 /* .item_prod .item_state.soldout::before {content: 'SOLD OUT';position: absolute;top: 25%;left: 50%;transform: translate(-50%, 0%);width:100%;height: auto;font-size: 1.5rem;font-weight: 500;color: #fff;z-index: 30;text-align: center;} */
 .item_state.soldout .itemPic:after {content: 'SOLD OUT';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;height: auto;font-size: 1.5rem;font-weight: 500;color: #fff;z-index: 30;text-align: center; opacity: 1; background: transparent;}
-.item_prod .item_state.soldout .itemPic:before {content:''; position: absolute; top: 50%; left: 50%;  background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); z-index: 20; text-align: center;}
-.item_prod .item_state.AD .itemPic:before {content:'AD'; position: absolute; bottom: 0.666rem; right: 0.666rem; font-size: 1rem; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 1rem; z-index: 21; text-align: right;}
+.item_prod .item_state.soldout .itemPic:before {content:''; position: absolute; top: 50%; left: 50%;  background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); z-index: 20; text-align: center;opacity: 1;}
+/* .item_prod .item_state.AD .itemPic:before {content:'AD'; position: absolute; bottom: 0.666rem; right: 0.666rem; font-size: 1rem; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 1rem; z-index: 21; text-align: right;} */
+.item_prod .item_state.AD .itemPic:after {content:'AD'; position: absolute; bottom: 0.666rem; right: 0.666rem; font-size: 1rem; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 1rem; z-index: 21; text-align: right;}
 
 .item_prod .itemLike {position: absolute;top:0rem;right:0rem;font-size: 0;z-index: 99;width: 2.0rem;height: 2.0rem; background: url('/images/mo/ico_like.png');background-size: 3.65rem;background-position:1.18rem 1rem;background-repeat: no-repeat;margin: 0;margin-right: 1rem;padding: 2rem 0.0rem 2rem 3rem;}
 .item_prod .itemLike::before, 
@@ -415,7 +416,7 @@
 /* .item_prod .itemLike.active::before {opacity: 1;} */
 .itemLike.likeit::before {opacity: 1;}
 .item_prod .itemLink {position: relative;text-decoration: none;color: rgb(102, 102, 102);cursor: pointer;display: block;}
-.item_prod .itemPic {position: relative;width: 100%;margin-bottom: 1.5rem;padding-top: 150%;font-size: 0;overflow: hidden; background: #fff;}
+.item_prod .itemPic {position: relative;width: 100%;margin-bottom: 1.5rem;padding-top: 150%;font-size: 0;overflow: hidden; background: #fff;background-size: cover !important;}
 .item_prod .itemPic::before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);z-index: 2;}
 /* .item_prod .itemPic::after {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);z-index: 2;} */
 .item_prod .itemPic .pd_img {position: absolute;width: 100%;height: auto;top: 50%;left: 0;transform: translateY(-50%);}
@@ -1725,6 +1726,8 @@
 .dp .list_content.nodata .list_last{display:none;}
 .dp .list_content.nodata .list_defult{display:block;} 
 .dp .itemsGrp .item_prod:nth-child(2n){margin-right: 0;}
+.dp .itemsGrp .item_prod:nth-last-child(1),
+.dp .itemsGrp .item_prod:nth-last-child(2) {padding-bottom: 1.0rem; margin-bottom: 0 !important; }
 .dp .itemsGrp .item_prod {width: 48.75%; float: left; margin-right: 2.5%; margin-bottom: 4rem;}
 
 .dp .itemsGrp:after{display:block; content:''; clear:both;}
@@ -1738,11 +1741,13 @@
 .dp .dp_outlets .outlets_visual .txtWrap.w {color: #fff;}
 .dp .dp_outlets .outlets_visual .txtWrap p {font-size: 3rem; font-weight: 500; line-height: 1.2; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
 .dp .dp_outlets .outlets_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300; -webkit-line-clamp: 1;}
-.dp .dp_outlets .dp_cate_list {margin:-1.2rem 0; border-top: 0.1rem solid #ddd;}
+/* .dp .dp_outlets .dp_cate_list {margin:-1.2rem 0; border-top: 0.1rem solid #ddd;} */
+.dp .dp_outlets .dp_cate_list {padding: 1.2rem 0; margin:-1.2rem 0; border-top: 0.1rem solid #ddd;}
 .dp .dp_outlets .dp_cate_list:after {content:''; display: block; clear: both;}
 .dp .dp_outlets .dp_cate_list a {position:relative; float:left; width:50%; line-height:5rem; padding:0 3rem 0 2rem; font-size:1.3rem; font-weight: 500; color: #222; text-align: left; background: #fff url(/images/mo/ico_more_lg.png) no-repeat right 2rem center; border-bottom:0.1rem solid #ddd; box-sizing:border-box; }
 .dp .dp_outlets .dp_cate_list a:nth-child(2n){ border-left:0.1rem solid #ddd;}
-.dp .dp_outlets .md_item {padding:0 2rem; margin:0 0 -1.2rem 0;}
+/* .dp .dp_outlets .md_item {padding:0 2rem; margin:0 0 -1.2rem 0;} */
+.dp .dp_outlets .md_item {margin:0 0 -1.2rem 0;}
 .dp .dp_outlets .md_item .swiper-slide {width: 43.75%;}
 .dp .dp_outlets .md_item .swiper-container {padding:0 2rem; margin:0 -2rem;}
 .dp .dp_outlets .best_item {padding-bottom: 2rem;}
@@ -2537,8 +2542,8 @@
 .sch .sch_result .store_product.no-slide .item_prod .s-text{margin-top:1.5rem;}
 .sch .sch_result .recommand_product {margin-top: 1.1rem; padding-bottom: 4.7rem;}
 .sch .sch_result .recommand_product h3{padding:0 0 2rem; font-size:1.6rem; font-weight: 500;}
-.sch .sch_result .banner{margin:0 -2rem;}
-.sch .sch_result .banner {margin-bottom:4rem;}
+.sch .sch_result .banner{margin:-1.4rem -2rem;}
+/* .sch .sch_result .banner {margin-bottom:4rem;} */
 
 .sch .sch_result .banner  .bnnbox{position: relative; /*height:11.3rem;*/ overflow:hidden; padding-top: 35%;}
 .sch .sch_result .banner  .txtWrap{width: 18.5rem; margin: 0 auto; position: absolute; top: 50%; left: 2rem; transform:translate(0%, -50%); z-index: 1;}

src/main/webapp/ux/pc/css/layout.css

@@ -3713,7 +3713,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.sch .sch_result {padding-bottom:150px}
 
     /* sch_result */
-	.sch_result .nodata {padding:50px 0 100px;  text-align:center;}
+	.sch_result .nodata {padding:60px 0 100px;  text-align:center;}
 	.sch_result .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
 	.sch_result .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('/images/pc/ico_content_none.png') no-repeat;}
 	.sch_result .nodata .txt_box span {font-weight:300;}
@@ -3745,7 +3745,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.sch_result .cont_body {}
 	.sch_result .cont_body .sch_result_cont {display:none;}
 	.sch_result .cont_body .sch_result_cont .sch_recommend h3 {margin-bottom: 40px; text-align: center;}
-	.sch_result .cont_body .sch_result_cont .banner {position: relative; margin-bottom:40px;}
+	.sch_result .cont_body .sch_result_cont .banner {position: relative; padding-top: 60px;}
 	.sch_result .cont_body .sch_result_cont .banner .bnnbox{position:relative;}
 	.sch_result .cont_body .sch_result_cont .banner .txtWrap{width: 445px; margin:0 auto; position:absolute; top:50%; left:26.35%; transform:translate(0, -50%);z-index:1; text-align:left;}
 	.sch_result .cont_body .sch_result_cont .banner .txtWrap p{line-height: 1; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color:#222222; font-size:40px; font-weight:500; text-align:left; line-height:1.25;}