pc 상품상세 추천상품영역 로직 수정

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

@@ -283,9 +283,133 @@ public class TsfGoodsController extends TsfBaseController {
 			mav.addObject("bestReviewList", reviewService.getReviewList(review));
 
 			//다다익선
-			if (!"P".equals(goods.getFrontGb())) {
-				paramsGoods.setMaxRownum(20);
-				mav.addObject("goodsList", goodsService.getTmtbGoodsList(paramsGoods));
+			paramsGoods.setMaxRownum(20);
+			mav.addObject("goodsList", goodsService.getTmtbGoodsList(paramsGoods));
+//			if (!"P".equals(goods.getFrontGb())) {
+//				paramsGoods.setMaxRownum(20);
+//				mav.addObject("goodsList", goodsService.getTmtbGoodsList(paramsGoods));
+//			}
+
+			if ("P".equals(paramsGoods.getFrontGb())) {
+				// 이상픔과 함께본 상품
+				paramsGoods.setMaxRownum(15);
+				String[] arrGoodsCd = {
+					"B192DO995P",
+					"L191TJ571P",
+					"L191WB304P",
+					"B192DO996P",
+					"L191WB305P",
+					"B192SH720P",
+					"L191WB703P",
+					"10813858",
+					"10813859",
+					"L171JP121P",
+					"10813860",
+					"L171JP721P",
+					"10813862",
+					"L171TJ501P",
+					"10814432",
+					"10813855",
+					"L171TJ561P",
+					"B172SH710P",
+					"B192SH730P"};
+
+				StringBuilder sql = new StringBuilder();
+				if (arrGoodsCd.length > 0) {
+					int idx = 1;
+					for (String goodsCd : arrGoodsCd) {
+						if (!StringUtils.isBlank(goodsCd)) {
+							if (idx > 1) {
+								sql.append("UNION ALL ");
+							}
+							sql.append("SELECT '").append(goodsCd).append("' AS GOODS_CD, ").append(idx++).append(" AS DISP_ORD FROM DUAL\r\n");
+						}
+					}
+					paramsGoods.setGoodsSql(sql.toString());
+				}
+
+				paramsGoods.setArrGoodsCd(arrGoodsCd);
+				mav.addObject("togetherGoodsList", goodsService.getRecommendGoodsList(paramsGoods));
+
+				// 브랜드 추천 상품
+				paramsGoods.setMaxRownum(15);
+				String[] arrBrandGoodsCd = {
+					"L191WB304P",
+					"B192DO996P",
+					"L191WB305P",
+					"B192DO995P",
+					"L191TJ571P",
+					"B192SH720P",
+					"L191WB703P",
+					"10813858",
+					"10813859",
+					"L171JP121P",
+					"10813860",
+					"L171JP721P",
+					"10813862",
+					"L171TJ501P",
+					"10814432",
+					"10813855",
+					"L171TJ561P",
+					"B172SH710P",
+					"B192SH730P"};
+
+				StringBuilder brandSql = new StringBuilder();
+				if (arrGoodsCd.length > 0) {
+					int idx = 1;
+					for (String goodsCd : arrBrandGoodsCd) {
+						if (!StringUtils.isBlank(goodsCd)) {
+							if (idx > 1) {
+								brandSql.append("UNION ALL ");
+							}
+							brandSql.append("SELECT '").append(goodsCd).append("' AS GOODS_CD, ").append(idx++).append(" AS DISP_ORD FROM DUAL\r\n");
+						}
+					}
+					paramsGoods.setGoodsSql(brandSql.toString());
+				}
+
+				paramsGoods.setArrGoodsCd(arrBrandGoodsCd);
+				mav.addObject("recommendGoodsList", goodsService.getRecommendGoodsList(paramsGoods));
+
+				// 비슷한 상품
+				paramsGoods.setMaxRownum(15);
+				String[] arrLikeGoodsCd = {
+					"B192DO995P",
+					"L191TJ571P",
+					"L191WB304P",
+					"L171TJ561P",
+					"B172SH710P",
+					"B192SH730P",
+					"B192DO996P",
+					"L191WB305P",
+					"B192SH720P",
+					"L191WB703P",
+					"10813858",
+					"10813859",
+					"L171JP121P",
+					"10813860",
+					"L171JP721P",
+					"10813862",
+					"L171TJ501P",
+					"10814432",
+					"10813855"};
+
+				StringBuilder likeSql = new StringBuilder();
+				if (arrGoodsCd.length > 0) {
+					int idx = 1;
+					for (String goodsCd : arrLikeGoodsCd) {
+						if (!StringUtils.isBlank(goodsCd)) {
+							if (idx > 1) {
+								likeSql.append("UNION ALL ");
+							}
+							likeSql.append("SELECT '").append(goodsCd).append("' AS GOODS_CD, ").append(idx++).append(" AS DISP_ORD FROM DUAL\r\n");
+						}
+					}
+					paramsGoods.setGoodsSql(likeSql.toString());
+				}
+
+				paramsGoods.setArrGoodsCd(arrLikeGoodsCd);
+				mav.addObject("likeGoodsList", goodsService.getRecommendGoodsList(paramsGoods));
 			}
 
 			// 상품 공통 베너
@@ -666,7 +790,7 @@ public class TsfGoodsController extends TsfBaseController {
 		Collection<MeasurementStyle> measurementStyleList = new ArrayList<MeasurementStyle>();
 		if ("Y".equals(goods.getSelfGoodsYn())) {
 			paramsGoods.setOptCd1(colorCd);
-			
+
 //			measurementList = goodsService.getMeasurementList(paramsGoods);
 //			if (measurementList != null && !measurementList.isEmpty()) {
 //				typeCd = measurementList.iterator().next().getTypecd();

src/main/java/com/style24/persistence/mybatis/shop/TsfGoods.xml

@@ -850,7 +850,7 @@
 		                                     AND B.GOODS_CD = BB.GOODS_CD
 		                                     AND BB.GOODS_GB = 'G800_30'  -- 제외상품
 		                                     AND BB.GOODS_CD IS NULL
-		    INNER JOIN TB_GOODS G USE INDEX (IX_GOODS_11) ON B.GOODS_CD = G.GOODS_CD
+		    INNER JOIN TB_GOODS G ON B.GOODS_CD = G.GOODS_CD
 		                          AND G.GOODS_STAT = 'G008_90'
 		                          AND G.SELF_MALL_YN = 'Y'
 		                          AND NOW() BETWEEN G.SELL_STDT AND G.SELL_EDDT
@@ -957,7 +957,7 @@
 		             ${goodsSql}
 		           ) A
 		      JOIN ( SELECT @rownum := 0) R     
-		      INNER JOIN TB_GOODS G USE INDEX (IX_GOODS_11) ON A.GOODS_CD = G.GOODS_CD
+		      INNER JOIN TB_GOODS G ON A.GOODS_CD = G.GOODS_CD
 		      INNER JOIN TB_BRAND D ON G.BRAND_CD = D.BRAND_CD
 		                            AND D.USE_YN = 'Y'
 		      INNER JOIN TB_SITE_BRAND SB ON D.BRAND_CD  = SB.BRAND_CD

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

@@ -1039,7 +1039,45 @@
 		</div>
 		<!-- //상품상세정보 -->
 		<!-- 이 상품과 함께 본 상품 -->
-		<div class="content wide pd_clickother" id="goodsTogetherbArea">
+		<div class="content wide pd_clickother" id="goodsTogetherbArea" th:if="${togetherGoodsList != null and !togetherGoodsList.empty}">
+			<div class="cont_head">
+				<h3 class="subH1 t_c mb40">이 상품과 함께 본 상품</h3>
+			</div>
+			<div class="cont_body">
+				<!-- CONT-BODY -->
+				<div class="area_slider">
+					<div class="swiper-container">
+						<div class="swiper-wrapper">
+							<div class="swiper-slide" th:each="goodsInfo, status : ${togetherGoodsList}">
+								<div class="item_prod">
+									<div class="item_state">
+										<button type="button" class="itemLike" th:classappend="${goodsInfo.wishYn == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsInfo.goodsCd}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=''">관심상품 추가</button>
+										<a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${goodsInfo.goodsCd}]], '',[[${params.ithrCd}]],[[${params.contentsLoc}]],'','pc_detail');" class="itemLink" >
+											<div class="itemPic">
+												<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm +'?RS=300'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
+											</div>
+											<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
+											<div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 로고 자카드 방풍 패딩</div>
+											<p class="itemPrice">
+												<th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"></th:block>
+												<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}"  th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">1,000,000</span>
+												<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
+											</p>
+										</a>
+									</div>
+								</div>
+							</div>
+						</div>
+						
+					</div>
+					<!-- Add Pagination-->
+					<div class="swiper-pagination"></div>
+					<!-- Add Arrows -->
+					<div class="swiper-button-next"></div>
+					<div class="swiper-button-prev"></div>
+				</div>
+				<!-- // CONT-BODY -->
+			</div>
 		</div>
 		<!-- // 이 상품과 함께 본 상품 -->
 		<!-- STYLE24의 스타일링 추천 -->
@@ -1126,11 +1164,87 @@
 		</div>
 		<!-- // STYLE24의 스타일링 추천 -->
 		<!-- 브랜드 추천상품 -->
-		<div class="content wide pd_brand" id="goodsRecommendbArea">
+		<div class="content wide pd_brand" id="goodsRecommendbArea" th:if="${recommendGoodsList != null and !recommendGoodsList.empty}">
+			<div class="cont_head">
+				<h3 class="subH1 t_c mb40" th:text="${goodsInfo.brandGroupNm +' 추천상품'}"></h3>
+			</div>
+			<div class="cont_body">
+				<!-- CONT-BODY -->
+				<div class="area_slider">
+					<div class="swiper-container">
+						<div class="swiper-wrapper">
+							<div class="swiper-slide" th:each="goodsInfo, status : ${recommendGoodsList}">
+								<div class="item_prod">
+									<div class="item_state">
+										<button type="button" class="itemLike" th:classappend="${goodsInfo.wishYn == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsInfo.goodsCd}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=''">관심상품 추가</button>
+										<a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${goodsInfo.goodsCd}]], '',[[${params.ithrCd}]],[[${params.contentsLoc}]],'','pc_detail');" class="itemLink" >
+											<div class="itemPic">
+												<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm +'?RS=300'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
+											</div>
+											<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
+											<div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 로고 자카드 방풍 패딩</div>
+											<p class="itemPrice">
+												<th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"></th:block>
+												<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}"  th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">1,000,000</span>
+												<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
+											</p>
+										</a>
+									</div>
+								</div>
+							</div>
+						</div>
+						
+					</div>
+					<!-- Add Pagination-->
+					<div class="swiper-pagination"></div>
+					<!-- Add Arrows -->
+					<div class="swiper-button-next"></div>
+					<div class="swiper-button-prev"></div>
+				</div>
+				<!-- // CONT-BODY -->
+			</div>
 		</div>
 			<!-- // 브랜드 추천상품 -->
 		<!-- 이 상품과 비슷한 상품 -->
-		<div class="content wide pd_relate" id="goodsLikebArea">
+		<div class="content wide pd_relate" id="goodsLikebArea" th:if="${likeGoodsList != null and !likeGoodsList.empty}">
+			<div class="cont_head">
+				<h3 class="subH1 t_c mb40">이 상품과 비슷한 상품</h3>
+			</div>
+			<div class="cont_body">
+				<!-- CONT-BODY -->
+				<div class="area_slider">
+					<div class="swiper-container">
+						<div class="swiper-wrapper">
+							<div class="swiper-slide" th:each="goodsInfo, status : ${likeGoodsList}">
+								<div class="item_prod">
+									<div class="item_state">
+										<button type="button" class="itemLike" th:classappend="${goodsInfo.wishYn == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsInfo.goodsCd}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=''">관심상품 추가</button>
+										<a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${goodsInfo.goodsCd}]], '',[[${params.ithrCd}]],[[${params.contentsLoc}]],'','pc_detail');" class="itemLink" >
+											<div class="itemPic">
+												<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm +'?RS=300'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
+											</div>
+											<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
+											<div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 로고 자카드 방풍 패딩</div>
+											<p class="itemPrice">
+												<th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"></th:block>
+												<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}"  th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">1,000,000</span>
+												<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
+											</p>
+										</a>
+									</div>
+								</div>
+							</div>
+						</div>
+						
+					</div>
+					<!-- Add Pagination-->
+					<div class="swiper-pagination"></div>
+					<!-- Add Arrows -->
+					<div class="swiper-button-next"></div>
+					<div class="swiper-button-prev"></div>
+				</div>
+				<!-- // CONT-BODY -->
+			</div>
 		</div>
 		<!-- // 이 상품과 비슷한 상품 -->
 	</div>
@@ -1860,13 +1974,60 @@
 	//슬라이드 - 함께하면 할인되는 다다익선 상품
 	var togetherItemSwiper = new Swiper('.pd .pd_together .area_slider .swiper-container', {
 		slidesPerView: 6,
-		spaceBetween: 20,
-		scrollbar: {
-			el: '.pd_together .swiper-scrollbar',
-			hide: true,
-		},
+        freemode: true,
+        spaceBetween: 20,
+        scrollbar: {
+            el: '.pd_together .swiper-scrollbar',
+            hide: true,
+        },
 	});  	
 	
+	//슬라이드 - 이 상품과 함께 본 상품
+	var otherItemSwiper = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
+	     slidesPerView: 5,
+	     slidesToScroll: 5,
+	     slidesPerGroup: 5,
+	     spaceBetween: 20,
+	     navigation: {
+	         nextEl: '.pd_clickother .swiper-button-next',
+	         prevEl: '.pd_clickother .swiper-button-prev',
+	     },
+	     pagination: {
+	         el: '.pd_clickother .swiper-pagination',
+	         clickable: true,
+	     },
+	 });   
+	
+	//슬라이드 - 브랜드 추천상품
+	var relateItemSwiper = new Swiper('.pd .pd_brand .area_slider .swiper-container', {
+		slidesPerView: 5,
+        spaceBetween: 20,
+        slidesPerGroup: 5,
+        navigation: {
+            nextEl: '.pd_brand .swiper-button-next',
+            prevEl: '.pd_brand .swiper-button-prev',
+        },
+        pagination: {
+            el: '.pd_brand .swiper-pagination',
+            clickable: true,
+        },
+	});  
+	
+	//슬라이드 - 이 상품과 비슷한 상품 
+	var relateItemSwiper = new Swiper('.pd .pd_relate .area_slider .swiper-container', {
+		slidesPerView: 5,
+        spaceBetween: 20,
+        slidesPerGroup: 5,
+        navigation: {
+            nextEl: '.pd_relate .swiper-button-next',
+            prevEl: '.pd_relate .swiper-button-prev',
+        },
+        pagination: {
+            el: '.pd_relate .swiper-pagination',
+            clickable: true,
+        },
+	});	  
+	
 	//슬라이드 - STYLE24의 스타일링 추천
 	var rcmdItemSwiper = new Swiper('.pd .pd_recommend .area_slider .swiper-container', {
 		slidesPerView: 1,
@@ -1915,7 +2076,7 @@
 	params.supplyCompCd = [[${params.supplyCompCd}]];
 	params.brandGroupNm = [[${goodsInfo.brandGroupNm}]];
 	
-	//함께본 상품(ajax html)
+ /* 	//함께본 상품(ajax html)
 	$('#goodsTogetherbArea').load('GoodsDetailFormWeb.html', function() {
 		params.goodsOtherGb = "together";
 		params.ithrCd = "tmtb";
@@ -1937,14 +2098,14 @@
 		params.ithrCd = "tmtb";
 		params.contentsLoc = "tmtb";
 		fnGoodsLikeSearch(params);
-	});
-	
+	}); */
+	 
 	//$(document).ready( function() {
 	$(function(){
 		//210526_ 추가 : 이미지 style 속성 제거
 		$(".mdhtml_box style").remove();$(".mdhtml_box img").removeAttr("style");
 		
-		var params = new Object();
+/* 		var params = new Object();
 		params.goodsCd = [[${params.goodsCd}]];
 		params.viewDt = [[${params.viewDt}]];
 		params.preview = [[${params.preview}]];
@@ -1970,7 +2131,7 @@
 		params.goodsOtherGb = "like";
 		params.ithrCd = "tmtb";
 		params.contentsLoc = "tmtb";
-		//fnGoodsLikeSearch(params);
+		//fnGoodsLikeSearch(params); */
 		
 		var opt_selecter01 = new sCombo('.opt_select .select_custom.item_opt1.item_opt1_1');
 		var opt_selecter01_1 = new sCombo('.opt_set_select .select_custom.item_opt1.item_opt1_1');
@@ -2040,7 +2201,7 @@
 	}
 	
 	// 상품평 상세 레이어 호출후 콜백에서 호출하므로 여기에 있어야함
-	var fnReviewDetailLayerCollBack = function(){debugger;
+	var fnReviewDetailLayerCollBack = function(){
 		
 		fnReviewDetail();
 	       

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

@@ -40,10 +40,10 @@
 								<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
 								<div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 로고 자카드 방풍 패딩</div>
 								<p class="itemPrice">
-										<th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"></th:block>
-										<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}"  th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">1,000,000</span>
-										<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
-									</p>
+									<th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"></th:block>
+									<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}"  th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">1,000,000</span>
+									<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
+								</p>
 							</a>
 						</div>
 					</div>
@@ -68,47 +68,53 @@
 <script th:inline="javascript">
 /*<![CDATA[*/
 	
-	var otherItemSwiper = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
-	     slidesPerView: 5,
-	     slidesToScroll: 5,
-	     slidesPerGroup: 5,
-	     spaceBetween: 20,
-	     navigation: {
-	         nextEl: '.pd_clickother .swiper-button-next',
-	         prevEl: '.pd_clickother .swiper-button-prev',
-	     },
-	     pagination: {
-	         el: '.pd_clickother .swiper-pagination',
-	         clickable: true,
-	     },
-	 });   
-		//슬라이드 - 브랜드 추천상품
-	var relateItemSwiper = new Swiper('.pd .pd_brand .area_slider .swiper-container', {
-		slidesPerView: 5,
-		spaceBetween: 20,
-		navigation: {
-			nextEl: '.pd_brand .swiper-button-next',
-			prevEl: '.pd_brand .swiper-button-prev',
-		},
-		pagination: {
-			el: '.pd_brand .swiper-pagination',
-			clickable: true,
-		},
-	});  
-
-	//슬라이드 - 이 상품과 비슷한 상품 
-	var relateItemSwiper = new Swiper('.pd .pd_relate .area_slider .swiper-container', {
-		slidesPerView: 5,
-		spaceBetween: 20,
-		navigation: {
-			nextEl: '.pd_relate .swiper-button-next',
-			prevEl: '.pd_relate .swiper-button-prev',
-		},
-		pagination: {
-			el: '.pd_relate .swiper-pagination',
-			clickable: true,
-		},
-	});	  
+	if ('together' == [[${params.goodsOtherGb}]]){
+		var otherItemSwiper = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
+		     slidesPerView: 5,
+		     slidesToScroll: 5,
+		     slidesPerGroup: 5,
+		     spaceBetween: 20,
+		     navigation: {
+		         nextEl: '.pd_clickother .swiper-button-next',
+		         prevEl: '.pd_clickother .swiper-button-prev',
+		     },
+		     pagination: {
+		         el: '.pd_clickother .swiper-pagination',
+		         clickable: true,
+		     },
+		 });   
+		
+	}
+	//슬라이드 - 브랜드 추천상품
+	if ('recommend' == [[${params.goodsOtherGb}]]){
+		var relateItemSwiper = new Swiper('.pd .pd_brand .area_slider .swiper-container', {
+			slidesPerView: 5,
+			spaceBetween: 20,
+			navigation: {
+				nextEl: '.pd_brand .swiper-button-next',
+				prevEl: '.pd_brand .swiper-button-prev',
+			},
+			pagination: {
+				el: '.pd_brand .swiper-pagination',
+				clickable: true,
+			},
+		});  
+	}
+	if ('like' == [[${params.goodsOtherGb}]]){
+		//슬라이드 - 이 상품과 비슷한 상품 
+		var relateItemSwiper = new Swiper('.pd .pd_relate .area_slider .swiper-container', {
+			slidesPerView: 5,
+			spaceBetween: 20,
+			navigation: {
+				nextEl: '.pd_relate .swiper-button-next',
+				prevEl: '.pd_relate .swiper-button-prev',
+			},
+			pagination: {
+				el: '.pd_relate .swiper-pagination',
+				clickable: true,
+			},
+		});	  
+	}	
 	
 
 /*]]>*/

src/main/webapp/biz/goods.js

@@ -18,7 +18,7 @@ var fnGoodsTogetherSearch = function(params) {
 				$("#goodsTogetherbArea").css("display", "block");
 				$("#goodsTogetherbArea").html(result);
 				
-				var otherItemSwiper1 = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
+				/*var otherItemSwiper1 = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
 				     slidesPerView: 5,
 				     slidesToScroll: 5,
 				     slidesPerGroup: 5,
@@ -31,7 +31,7 @@ var fnGoodsTogetherSearch = function(params) {
 				         el: '.pd_clickother .swiper-pagination',
 				         clickable: true,
 				     },
-				 });   
+				 });   */
 			}
 		}
 	});
@@ -55,7 +55,7 @@ var fnGoodsRecommendSearch = function(params) {
 			if (result != null) {
 				$("#goodsRecommendbArea").css("display", "block");
 				$("#goodsRecommendbArea").html(result);
-				 var relateItemSwiper = new Swiper('.pd .pd_brand .area_slider .swiper-container', {
+				/* var relateItemSwiper = new Swiper('.pd .pd_brand .area_slider .swiper-container', {
 		                slidesPerView: 5,
 		                spaceBetween: 20,
 		                slidesPerGroup: 5,
@@ -67,7 +67,7 @@ var fnGoodsRecommendSearch = function(params) {
 		                    el: '.pd_brand .swiper-pagination',
 		                    clickable: true,
 		                },
-		            });  
+		            });  */
 			}
 		}
 	});
@@ -91,7 +91,7 @@ var fnGoodsLikeSearch = function(params) {
 			if (result != null) {
 				$("#goodsLikebArea").css("display", "block");
 				$("#goodsLikebArea").html(result);
-				var relateItemSwiper = new Swiper('.pd .pd_relate .area_slider .swiper-container', {
+				/*var relateItemSwiper = new Swiper('.pd .pd_relate .area_slider .swiper-container', {
 	                slidesPerView: 5,
 	                spaceBetween: 20,
 	                slidesPerGroup: 5,
@@ -103,7 +103,7 @@ var fnGoodsLikeSearch = function(params) {
 	                    el: '.pd_relate .swiper-pagination',
 	                    clickable: true,
 	                },
-	            });      
+	            });      */
 			}
 		}
 	});