검색 상품 광고배너 추가

src/main/java/com/style24/front/biz/web/TsfDisplayController.java

@@ -990,6 +990,12 @@ public class TsfDisplayController extends TsfBaseController {
 		mav.addObject("filterBenefitList", displayService.getCategoryFilterList(filterList, "BENEFIT"));
 		mav.addObject("params", params);
 
+		// 광고 배너 조회
+		Contents adContents = new Contents();
+		adContents.setContentsLoc("SAD001");
+		adContents.setMaxRow(1);
+		mav.addObject("adBannerList", displayService.getContentsList(adContents));
+
 		log.info("filterPriceList:::{}", displayService.getCategoryFilterList(filterList, "PRICE"));
 
 		return mav;

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

@@ -595,6 +595,8 @@
 
 	<script th:inline="javascript">
 	/*<![CDATA[*/
+	var adBannerList = [[${adBannerList}]];
+	var adBannerTag = '';
 	var filterPriceList = [[${filterPriceList}]];
 
 	$(window).on("pageshow", function(event) {
@@ -651,7 +653,6 @@
 				fnSearchGoodsListSearch();
 			}
 		}else{
-			console.log('2');
 			fnCategoryGoodsInfiniteScrollInit();
 
 			var sortingType = $("#searchGoodsForm input:hidden[name=sortingType]").val();
@@ -697,7 +698,6 @@
 		}
 
 		if(dataListLen > 0){
-			idx++;
 			$('#noFilterData').hide();
 			$('#endPage').hide();
 			$('#eventNodata').hide();
@@ -706,8 +706,9 @@
 			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');
+			var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow, 'Mob', idx,adBannerTag);
 			gagaInfiniteScroll.draw(htm);
+			idx++;
 			//fnImgOnoff();
 		}else{
 			if(idx > 1){ // 데이터가 1건 이상
@@ -848,6 +849,23 @@
 
 
 	$(document).ready( function() {
+		// 광고배너체크
+		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';
+				adBannerTag += '				<p>'+item.strTitle1+'</p>\n';
+				adBannerTag += '			</div>\n';
+				adBannerTag += '			<img src="'+imgUrl+item.imgPath1+'" alt="검색결과 배너">\n';
+				adBannerTag += '		</div>\n';
+				adBannerTag += '	</a>\n';
+				adBannerTag += '</div>\n';
+			});
+		}
+
 		if(filterPriceList.length > 0){
 			$("#priceArea").html('');
 			var priceHtml = '';

src/main/webapp/WEB-INF/views/web/callcenter/FaqFormWeb.html

@@ -47,7 +47,7 @@
 										</li>
 									</ul>
 								</div>
-								<div class="search_wrap mb60">
+								<div class="search_wrap mb60" id="scrollInit">
 									<h4 class="subH3_eng mb20 c_black">FAQ SEARCH</h4>
 									<div class="faq_search t_c">
 										<form id="faqForm" name="faqForm" class="search_box" action="#" th:action="@{'/callcenter/faq/list'}" th:method="post" onsubmit="fnSearchFaq(); return false;">
@@ -196,7 +196,10 @@
 			});
 			$('#divFaq').removeClass('nodata');
 			if(idx>1){
-				document.getElementById('faqForm').scrollIntoView();
+				// document.getElementById('scrollInit').scrollIntoView();
+				// let sTop = document.getElementById("scrollInit").scrollHeight;
+				var offset = $("#scrollInit").offset();
+				$('html, body').animate({scrollTop : offset.top-100}, 300);
 			}
 			idx++;
 		} else {

src/main/webapp/WEB-INF/views/web/callcenter/GoodsQnaFormWeb.html

@@ -172,7 +172,7 @@
 				$('#ulQna').append(tag);
 				$('#divQna').removeClass('nodata');
 				if(idx>1){
-					document.getElementById('callcenterLnb').scrollIntoView();
+					document.getElementById('container').scrollIntoView();
 				}
 				idx++;
 			});

src/main/webapp/WEB-INF/views/web/callcenter/NoticeFormWeb.html

@@ -20,7 +20,7 @@
 
 <th:block layout:fragment="content">
 	<div id="container" class="container cs"> 
-		<div class="breadcrumb"> 
+		<div class="breadcrumb">
 			<ul>
 				<li class="bread_home"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
 				<li class="bread_2depth"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_FAQ);">고객센터</a></li>
@@ -137,7 +137,7 @@
 			
 			$('#divNotice').removeClass('nodata');
 			if(idx>1){
-				document.getElementById('callcenterLnb').scrollIntoView();
+				document.getElementById('container').scrollIntoView();
 			}
 			idx++;
 		} else {

src/main/webapp/WEB-INF/views/web/callcenter/OneToOneQnaFormWeb.html

@@ -246,7 +246,7 @@
 			
 			$('#divQna').removeClass('nodata');
 			if(idx>1){
-				document.getElementById('callcenterLnb').scrollIntoView();
+				document.getElementById('container').scrollIntoView();
 			}
 			idx++;
 		} else {

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

@@ -580,6 +580,8 @@
 	<script th:src="@{'/biz/search.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/search.js"></script>
 
 	<script th:inline="javascript">
+		var adBannerList = [[${adBannerList}]];
+		var adBannerTag = '';
 		var filterPriceList = [[${filterPriceList}]];
 		var custom_values = [];
 
@@ -611,7 +613,6 @@
 			}
 
 			if(dataListLen > 0){
-				idx++;
 				$('#noFilterData').hide();
 				$('#endPage').hide();
 				$('#goodsNodata').hide();
@@ -622,8 +623,9 @@
 				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);
+				var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow,'',idx,adBannerTag);
 				gagaInfiniteScroll.draw(htm);
+				idx++;
 				//fnImgOnoff();
 			}else{
 				// console.log('idx:::'+idx);
@@ -891,6 +893,23 @@
 		}
 	
 		$(document).ready( function() {
+			// 광고배너체크
+			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';
+					adBannerTag += '				<p>'+item.strTitle1+'</p>\n';
+					adBannerTag += '			</div>\n';
+					adBannerTag += '			<img src="'+imgUrl+item.imgPath1+'" width="100%" alt="">\n';
+					adBannerTag += '		</div>\n';
+					adBannerTag += '	</a>\n';
+					adBannerTag += '</div>\n';
+				});
+			}
+
 			let priceLen;
 			// console.log(filterPriceList);
 			if(!gagajf.isNull(filterPriceList)){

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) {
+var fnCreateGoodsList = function(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow, appGb, firstRow, adBannerTag) {
 	console.log('search fnCreateGoodsList');
 	var tag = '';
 	var rank = 0;
@@ -176,6 +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;
+			}
+		}
 	});
 
 	return tag;

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

@@ -3786,7 +3786,13 @@ 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 {margin-bottom:40px;}
+	.sch_result .cont_body .sch_result_cont .banner {position: relative; margin-bottom:40px;}
+	.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;}
+	@media screen and (max-width:1460px) {
+		.sch_result .cont_body .sch_result_cont .banner .txtWrap p {font-size:34px;}
+	}
 	.sch_result .cont_body .sch_result_cont .itemsGrp {margin-left:-10px; margin-right:-10px;}
 	.sch_result .cont_body .sch_result_cont .itemsGrp .item_prod {width:calc(100% / 5);}
 	.sch_result .cont_body .sch_result_cont .sec_head .itemsGrp {margin-top:30px}
@@ -4442,6 +4448,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	/* 이용약관,개인정보취급방침,업체리스트 */
 	.ps .cont_head > div h3{text-align: center;margin-bottom: 0;padding-bottom: 60px;font-size: 40px;line-height: 1;}
 	.ps .cont_body {width: 1200px;margin: 0 auto;}
+	.ps .ps_terms .cont_body {margin:0 auto 160px;}
 	.ps .cont_foot {width: 1200px;margin: 0 auto;}
 	.ps p {font-size:16px;color:#666666;line-height:26px;letter-spacing:-0.025em;}
 	.ps {padding:0; border-top:1px solid #000;}