이태영 - 20210428 장바구니 수정 중

src/main/java/com/style24/front/biz/service/TsfCartService.java

@@ -1,6 +1,7 @@
 package com.style24.front.biz.service;
 
 import java.util.ArrayList;
+import java.util.Arrays;
 import java.util.Collection;
 import java.util.Collections;
 import java.util.Comparator;
@@ -1287,4 +1288,9 @@ public class TsfCartService {
 		order.setChgQty(cartDao.updateCartGoodsQty(param));
 		return order;
 	}
+
+	public Collection<Order> selectTmtbSalesValueList(Goods param) {
+		List<Integer> arr = Arrays.asList(param.getArrTmtbSq());
+		return cartDao.selectTmtbSectionValList(arr);
+	}
 }

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

@@ -6,6 +6,7 @@ import java.util.Collection;
 import java.util.Collections;
 import java.util.Comparator;
 import java.util.Date;
+import java.util.List;
 
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.core.env.Environment;
@@ -25,11 +26,13 @@ import com.style24.core.support.env.TscConstants;
 import com.style24.core.support.message.TscMessageByLocale;
 import com.style24.front.biz.service.TsfCartService;
 import com.style24.front.biz.service.TsfCouponService;
+import com.style24.front.biz.service.TsfGoodsService;
 import com.style24.front.biz.service.TsfOrderService;
 import com.style24.front.support.controller.TsfBaseController;
 import com.style24.front.support.security.session.TsfSession;
 import com.style24.persistence.domain.Cart;
 import com.style24.persistence.domain.Coupon;
+import com.style24.persistence.domain.Goods;
 import com.style24.persistence.domain.Login;
 import com.style24.persistence.domain.Order;
 
@@ -52,6 +55,9 @@ public class TsfCartController extends TsfBaseController {
 	@Autowired
 	private TsfCartService cartService;
 
+	@Autowired
+	private TsfGoodsService goodsService;
+
 	@Autowired
 	private TsfCouponService couponService;
 
@@ -152,10 +158,39 @@ public class TsfCartController extends TsfBaseController {
 	}
 
 	@PostMapping("/delv/fee/save/goods/list")
-	public ModelAndView selectCartAddGoodsList(Order param, Model model) {
+	public ModelAndView selectCartAddGoodsList(Order param) {
 		ModelAndView mav = new ModelAndView();
 		mav.addObject("goodsList", cartService.getDelvFeeSaveGoodsList(param));
-		mav.setViewName(super.getDeviceViewName("cart/CartAddGoodsPopup"));
+		mav.setViewName(super.getDeviceViewName("cart/CartDelvFeeSaveGoodsPopup"));
+		return mav;
+	}
+
+	@PostMapping("/tmtb/sales/goods/list")
+	public ModelAndView selectTmtbSalesGoodsList(@RequestBody Goods param) {
+		log.info("CHECK PARAM :::: {}", param.getArrTmtbSq()[0]);
+		ModelAndView mav = new ModelAndView();
+		param.setFrontGb(TsfSession.getFrontGb());
+		param.setSiteCd(TscConstants.Site.STYLE24.value());
+		param.setMaxRownum(20);
+
+		// 회원 구분
+		if (TsfSession.getInfo() != null) {
+			param.setCustGb(TsfSession.getInfo().getCustGb());
+			param.setCustNo(TsfSession.getInfo().getCustNo());
+		} else {
+			param.setCustGb(TsfSession.getCustGb());
+			param.setCustNo(0);
+		}
+
+		// 수량 및 금액 다다익선 최소 조건 조회
+		List<Order> result = (ArrayList<Order>) cartService.selectTmtbSalesValueList(param);
+		// 조건 멘트 적용
+
+
+		// 다다익선 상품 조회 (수량, 금액 섞어서)
+		mav.addObject("goodsList", goodsService.getTmtbGoodsList(param));
+
+		mav.setViewName(super.getDeviceViewName("cart/CartTmtbSalesGoodsPopup"));
 		return mav;
 	}
 

src/main/java/com/style24/persistence/domain/Goods.java

@@ -1,5 +1,7 @@
 package com.style24.persistence.domain;
 
+import java.util.List;
+
 import com.fasterxml.jackson.annotation.JsonFormat;
 import com.style24.persistence.TscBaseDomain;
 
@@ -193,7 +195,10 @@ public class Goods extends TscBaseDomain {
 	private int[] arrCpnId;				// 쿠폰
 
 	@JsonFormat(with = JsonFormat.Feature.ACCEPT_SINGLE_VALUE_AS_ARRAY)
-	private String[] arrGoodsCd;			// 상품코드
+	private String[] arrGoodsCd;		// 상품코드
+
+	@JsonFormat(with = JsonFormat.Feature.ACCEPT_SINGLE_VALUE_AS_ARRAY)
+	private Integer[] arrTmtbSq;			// 다다익선 번호
 
 	private String goodsSql;	// 오늘본상품SQL
 

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

@@ -451,18 +451,25 @@
 	<select id="selectTmtbSectionValList" parameterType="int" resultType="Order">
 		/* TsfCart.selectTmtbSectionValList : 다다익선 SECTION 적용 조건 조회 */
 		SELECT TC.SECTION_GB
-			 , TC.SECTION_VAL
-			 , TC.TMTB_SQ
-			 , TV.DC_WAY
-			 , TV.DC_VAL
+		     , TC.SECTION_VAL
+		     , TC.TMTB_SQ
+		     , TV.DC_WAY
+		     , TV.DC_VAL
+		     , CASE WHEN TS.TMTB_SQ IS NULL THEN 'N' ELSE 'Y' END AS DEFAULT_YN
 		FROM   TB_TMTB_SECTION TC
 		INNER  JOIN TB_TMTB_VAL TV
-		ON	 TC.TMTB_SECTION_SQ = TV.TMTB_SECTION_SQ
+		ON     TC.TMTB_SECTION_SQ = TV.TMTB_SECTION_SQ
+		LEFT   OUTER JOIN (SELECT TS.TMTB_SQ
+		                        , MIN(TS.SECTION_VAL) AS SECTION_VAL
+		                   FROM   TB_TMTB_SECTION TS
+		                   WHERE  TS.DEL_YN = 'N'
+		                   GROUP  BY TS.TMTB_SQ) TS
+		ON TC.TMTB_SQ = TS.TMTB_SQ
 		WHERE  1=1
-		AND	TC.DEL_YN = 'N'
-		AND	TV.DEL_YN = 'N'
+		AND	   TC.DEL_YN = 'N'
+		AND	   TV.DEL_YN = 'N'
 		<if test="list != null and list.size() > 0">
-		AND	TC.TMTB_SQ IN
+		AND	   TC.TMTB_SQ IN
 			<foreach collection="list" item="item" index="index"  open="(" close=")" separator=",">
 				#{item}
 			</foreach>

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

@@ -1438,7 +1438,7 @@
 		     , G.LIST_PRICE
 		     , G.GOODS_NM
 		     , A.OPT_CD
-		     , (SELECT BRAND_ENM FROM TB_BRAND WHERE BRAND_CD = G.BRAND_CD) AS BRAND_NM
+		     , A.BRAND_NM
 		     , FN_GET_APPLY_CPN1_PRICE(G.GOODS_CD,  #{frontGb}) AS PRICE
 		     , CASE WHEN G.LIST_PRICE <![CDATA[ < ]]> G.CURR_PRICE THEN G.LIST_PRICE ELSE G.CURR_PRICE END AS CURR_PRICE
 		     , ROUND((((FN_GET_APPLY_CPN1_PRICE(G.GOODS_CD,  #{frontGb}) / G.LIST_PRICE) - 1) * 100) * - 1, 0) AS DC_RATE
@@ -1447,7 +1447,12 @@
 		FROM   TB_GOODS G
 		INNER  JOIN (SELECT G.GOODS_CD
 		                  , MIN(VS.OPT_CD) AS OPT_CD
+		                  , MIN(BR.BRAND_ENM) AS BRAND_NM
 		             FROM   TB_GOODS G
+		             INNER  JOIN TB_BRAND BR
+		             ON     G.BRAND_CD = BR.BRAND_CD
+		             INNER  JOIN TB_SUPPLY_COMPANY CM
+		             ON     G.SUPPLY_COMP_CD = CM.SUPPLY_COMP_CD
 		             INNER  JOIN VW_STOCK VS
 		             ON     G.GOODS_CD = VS.GOODS_CD
 		             WHERE  1=1
@@ -1456,8 +1461,11 @@
 		             AND    G.SELF_MALL_YN = 'Y'
 		             AND    G.MIN_ORD_QTY = 1
 		             AND    G.CURR_PRICE BETWEEN ${price} AND ${price} + 10000
+		             AND    NOW() BETWEEN G.SELL_STDT AND G.SELL_EDDT
 		             AND    VS.SOLDOUT_YN = 'N'
 		             AND    VS.CURR_STOCK_QTY > 0
+		             AND    BR.USE_YN = 'Y'
+		             AND    CM.USE_YN = 'Y'
 		             <if test="delvFeeCd != null and delvFeeCd != ''">
 		             AND G.DELV_FEE_CD = #{delvFeeCd}
 		             </if>

src/main/webapp/WEB-INF/views/web/cart/CartListAjaxFormWeb.html

@@ -94,6 +94,7 @@
 										<input type="hidden" name="soldoutYn" th:value="${cart.soldoutYn}" />
 										<input type="hidden" name="ordCanYn" th:value="${cart.ordCanYn}" />
 										<input type="hidden" name="cartSq" th:value="${cart.cartSq}" />
+										<input type="hidden" name="goodsCd" th:value="${cart.goodsCd}" />
 
 										<div class="order_desc">
 											<div class="form_box">
@@ -141,7 +142,7 @@
 												<div class="gd_exinfo">
 													<p th:if="${!#strings.isEmpty(cart.delvResDt)}"><span class="tag primary_line">총알배송</span><span th:text="|${cart.delvResDt} 배송예정|"></span></p>
 													<p th:if="${(cart.qtyTmtbSq > 0 and cart.applyQtySectionYn == 'Y') or (cart.amtTmtbSq > 0 and cart.applyAmtSectionYn == 'Y')}" class="applyTmtb"><span class="tag primary">SALE</span>다다익선 할인 적용</p>
-													<p th:if="${(cart.qtyTmtbSq > 0 and cart.applyQtySectionYn == 'N') or (cart.amtTmtbSq > 0 and cart.applyAmtSectionYn == 'N')}" class="notApplyTmtb"><a href="" class="btn_moresale"><span class="tag primary">SALE</span>다다익선 상품보기</a></p>
+													<p th:if="${(cart.qtyTmtbSq > 0 and cart.applyQtySectionYn == 'N') or (cart.amtTmtbSq > 0 and cart.applyAmtSectionYn == 'N')}" class="notApplyTmtb"><a href="javascript:void(0);" onclick="fnGetTmtbSalesGoods(this);" class="btn_moresale"><span class="tag primary">SALE</span>다다익선 상품보기</a></p>
 													<p th:if="${cart.soldoutYn.equals('Y') and cart.ordCanYn.equals('Y')}">품절된 상품입니다.</p>
 													<p th:if="${cart.ordCanYn.equals('N')}">해당 상품은 구매 불가능한 상품입니다.</p>
 													<p th:if="${cart.soldoutYn.equals('N') and cart.ordCanYn.equals('Y') and cart.goodsQty < cart.minOrdQty}" th:text="|해당 상품은 최소 ${cart.minOrdQty}개부터 구매 가능합니다.|"></p>
@@ -209,6 +210,7 @@
 										<input type="hidden" name="soldoutYn" th:value="${cart.soldoutYn}" />
 										<input type="hidden" name="ordCanYn" th:value="${cart.ordCanYn}" />
 										<input type="hidden" name="cartSq" th:value="${cart.cartSq}" />
+										<input type="hidden" name="goodsCd" th:value="${cart.goodsCd}" />
 
 										<div class="order_desc">
 											<div class="form_box">
@@ -249,7 +251,7 @@
 													<div class="gd_exinfo">
 														<p th:if="${!#strings.isEmpty(cart.delvResDt)}" th:text="|${cart.delvResDt} 배송예정|"></p>
 														<p th:if="${(cart.qtyTmtbSq > 0 and cart.applyQtySectionYn == 'Y') or (cart.amtTmtbSq > 0 and cart.applyAmtSectionYn == 'Y')}" class="applyTmtb"><span class="tag primary">SALE</span>다다익선 할인 적용</p>
-														<p th:if="${(cart.qtyTmtbSq > 0 and cart.applyQtySectionYn == 'N') or (cart.amtTmtbSq > 0 and cart.applyAmtSectionYn == 'N')}" class="notApplyTmtb"><a href="" class="btn_moresale"><span class="tag primary">SALE</span>다다익선 상품보기</a></p>
+														<p th:if="${(cart.qtyTmtbSq > 0 and cart.applyQtySectionYn == 'N') or (cart.amtTmtbSq > 0 and cart.applyAmtSectionYn == 'N')}" class="notApplyTmtb"><a href="javascript:void(0);" onclick="fnGetTmtbSalesGoods(this);" class="btn_moresale"><span class="tag primary">SALE</span>다다익선 상품보기</a></p>
 														<p th:if="${cart.soldoutYn.equals('Y') and cart.ordCanYn.equals('Y')}">품절된 상품입니다.</p>
 														<p th:if="${cart.ordCanYn.equals('N')}">해당 상품은 구매 불가능한 상품입니다.</p>
 														<p th:if="${cart.soldoutYn.equals('N') and cart.ordCanYn.equals('Y') and cart.goodsQty < cart.minOrdQty}" th:text="|해당 상품은 최소 ${cart.minOrdQty}개부터 구매 가능합니다.|"></p>
@@ -328,6 +330,7 @@
 										<input type="hidden" name="ordCanYn" th:value="${cart.ordCanYn}" />
 										<input type="hidden" name="tmtbDcAmt" th:value="${cart.tmtbDcAmt}" />
 										<input type="hidden" name="cartSq" th:value="${cart.cartSq}" />
+										<input type="hidden" name="goodsCd" th:value="${cart.goodsCd}" />
 
 										<div class="order_desc">
 											<div class="form_box">
@@ -367,7 +370,7 @@
 												<div class="gd_exinfo">
 													<p th:if="${!#strings.isEmpty(cart.delvResDt)}" th:text="|${cart.delvResDt} 배송예정|"></p>
 													<p th:if="${(cart.qtyTmtbSq > 0 and cart.applyQtySectionYn == 'Y') or (cart.amtTmtbSq > 0 and cart.applyAmtSectionYn == 'Y')}" class="applyTmtb"><span class="tag primary">SALE</span>다다익선 할인 적용</p>
-													<p th:if="${(cart.qtyTmtbSq > 0 and cart.applyQtySectionYn == 'N') or (cart.amtTmtbSq > 0 and cart.applyAmtSectionYn == 'N')}" class="notApplyTmtb"><a href="" class="btn_moresale"><span class="tag primary">SALE</span>다다익선 상품보기</a></p>
+													<p th:if="${(cart.qtyTmtbSq > 0 and cart.applyQtySectionYn == 'N') or (cart.amtTmtbSq > 0 and cart.applyAmtSectionYn == 'N')}" class="notApplyTmtb"><a href="javascript:void(0);" onclick="fnGetTmtbSalesGoods(this);" class="btn_moresale"><span class="tag primary">SALE</span>다다익선 상품보기</a></p>
 													<p th:if="${cart.soldoutYn.equals('Y') and cart.ordCanYn.equals('Y')}">품절된 상품입니다.</p>
 													<p th:if="${cart.ordCanYn.equals('N')}">해당 상품은 구매 불가능한 상품입니다.</p>
 													<p th:if="${cart.soldoutYn.equals('N') and cart.ordCanYn.equals('Y') and cart.goodsQty < cart.minOrdQty}" th:text="|해당 상품은 최소 ${cart.minOrdQty}개부터 구매 가능합니다.|"></p>

src/main/webapp/WEB-INF/views/web/cart/CartListFormWeb.html

@@ -260,6 +260,8 @@
 	<!-- 장바구니 배송비 SAVE 상품보기 팝업 -->
 	<div class="modal fade dlvrSave_pop" id="dlvrSavePop" tabindex="-1" role="dialog" aria-labelledby="dlvrSaveLabel" aria-hidden="true" style="display:none;"></div>
 
+	<div class="modal fade moresale_pop" id="moresalePop" tabindex="-1" role="dialog" aria-labelledby="moresaleLabel" aria-hidden="true" style="display:none;"></div>
+
 <script src="/ux/pc/js/swiper.min.js"></script>
 <link rel="stylesheet" type="text/css" href="/ux/pc/css/swiper.min.css" />
 
@@ -301,18 +303,46 @@
 	});
 
 	//팝업 - 다다익선 상품보기
-	$(document).on('click','#btn_moresale_pop',function(e){
-		$("#moresalePop .modal-content").load("popup_moresale.html");
-		// $("#moresalePop").modal("show");
-		return false;
-	});
+	function fnGetTmtbSalesGoods(obj) {
+		// 파라미터
+		let tmtbSqList = new Array();
+		let param = new Object();
+
+		// 다다익선 정보
+		let qtyTmtbSq = $(obj).parent().parent().parent().parent().parent().parent().find("input[name=qtyTmtbSq]").val();
+		let amtTmtbSq = $(obj).parent().parent().parent().parent().parent().parent().find("input[name=qtyTmtbSq]").val();
+		let qtyTmtbYn = $(obj).parent().parent().parent().parent().parent().parent().find("input[name=applyQtySectionYn]").val();
+		let amtTmtbYn = $(obj).parent().parent().parent().parent().parent().parent().find("input[name=applyAmtSectionYn]").val();
+		let goodsCd = $(obj).parent().parent().parent().parent().parent().parent().find("input[name=goodsCd]").val();
+
+		if(qtyTmtbYn == "N") {tmtbSqList.push(Number(qtyTmtbSq));}
+		if(amtTmtbYn == "N") {tmtbSqList.push(Number(amtTmtbSq));}
+		if(tmtbSqList.length < 1) {mcxDialog.alert("적용가능한 다다익선이 없습니다."); return false;}
+
+		let tmtb = JSON.stringify({goodsCd : goodsCd, arrTmtbSq : tmtbSqList});
+
+		$.ajax( {
+			type		: "POST",
+			url 		: '/cart/tmtb/sales/goods/list',
+			data		: tmtb,
+			dataType 	: 'html',
+			beforeSend : function(xhr, settings) {
+				xhr.setRequestHeader("AJAX"			, "true");
+				xhr.setRequestHeader('Accept'		, 'application/json');
+				xhr.setRequestHeader('Content-Type'	, 'application/json');
+			},
+			success 	: function(result) {
+				$("#moresalePop").html(result);
+			}
+		});
+	}
 	$("#moresalePop_close").click(function() {
-		$("#moresalePop > #dlvrSavePop").modal("hide");
+		$("#moresalePop").modal("hide");
 	});
 
 	//팝업 - 배송비 SAVE 상품보기
 	function fnGetDelvFeeSaveGoods(delvFeeCd, delvFeeSaveGoodsAmt) {
-		var param = new Object();
+		let param = new Object();
 		param.delvFeeCd = delvFeeCd;
 		param.delvFeeSaveGoodsAmt = delvFeeSaveGoodsAmt;
 

src/main/webapp/WEB-INF/views/web/cart/CartTmtbSalesGoodsPopupWeb.html

@@ -0,0 +1,210 @@
+<html lang="ko"
+	  xmlns:th="http://www.thymeleaf.org">
+<!-- 배송비 SAVE 상품보기, 다다익선 할인 상품 보기 -->
+<div class="modal-dialog" role="document">
+	<div class="modal-content"><div class="modal-header">
+		<h5 class="modal-title" id="moresaleLabel">다다익선 상품</h5><input type="text" th:value="${goodsList.size()}" />
+	</div>
+		<div class="modal-body">
+			<div class="pop_cont">
+				<div class="area_benefit">
+					<span class="tag primary">SALE</span>
+					<p>
+						<span>5개 이상 구매 시 1만원 할인</span>
+						<span>10만원 이상 구매 시 1만원 할인</span>
+					</p>
+				</div>
+				<!-- -->
+				<div class="area_slider">
+					<div class="swiper-container swiper-container-initialized swiper-container-horizontal">
+						<div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
+							<div class="swiper-slide swiper-slide-active" style="width: 150px; margin-right: 20px;">
+								<div class="item_prod">
+									<div class="item_state">
+										<a href="#none" class="itemLink">
+											<div class="itemPic">
+												<img alt="" class="vLHTC pd_img" src="/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>
+										</a>
+										<button type="button" class="btn btn_default btn_sm"><span>쇼핑백 담기</span></button>
+									</div>
+								</div>
+							</div>
+							<div class="swiper-slide swiper-slide-next" style="width: 150px; margin-right: 20px;">
+								<div class="item_prod">
+									<div class="item_state">
+										<a href="#none" class="itemLink">
+											<div class="itemPic">
+												<img alt="" class="vLHTC pd_img" src="/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>
+										</a>
+										<button type="button" class="btn btn_default btn_sm"><span>쇼핑백 담기</span></button>
+									</div>
+								</div>
+							</div>
+							<div class="swiper-slide" style="width: 150px; margin-right: 20px;">
+								<div class="item_prod">
+									<div class="item_state">
+										<a href="#none" class="itemLink">
+											<div class="itemPic">
+												<img alt="" class="vLHTC pd_img" src="/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>
+										</a>
+										<button type="button" class="btn btn_default btn_sm"><span>쇼핑백 담기</span></button>
+									</div>
+								</div>
+							</div>
+							<div class="swiper-slide" style="width: 150px; margin-right: 20px;">
+								<div class="item_prod">
+									<div class="item_state">
+										<a href="#none" class="itemLink">
+											<div class="itemPic">
+												<img alt="" class="vLHTC pd_img" src="/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>
+											</p>
+										</a>
+										<button type="button" class="btn btn_default btn_sm"><span>쇼핑백 담기</span></button>
+									</div>
+								</div>
+							</div>
+							<div class="swiper-slide" style="width: 150px; margin-right: 20px;">
+								<div class="item_prod">
+									<div class="item_state">
+										<a href="#none" class="itemLink">
+											<div class="itemPic">
+												<img alt="" class="vLHTC pd_img" src="/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>
+											</p>
+										</a>
+										<button type="button" class="btn btn_default btn_sm"><span>쇼핑백 담기</span></button>
+									</div>
+								</div>
+							</div>
+							<div class="swiper-slide" style="width: 150px; margin-right: 20px;">
+								<div class="item_prod">
+									<div class="item_state">
+										<a href="#none" class="itemLink">
+											<div class="itemPic">
+												<img alt="" class="vLHTC pd_img" src="/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>
+											</p>
+										</a>
+										<button type="button" class="btn btn_default btn_sm"><span>쇼핑백 담기</span></button>
+									</div>
+								</div>
+							</div>
+							<div class="swiper-slide" style="width: 150px; margin-right: 20px;">
+								<div class="item_prod">
+									<div class="item_state">
+										<a href="#none" class="itemLink">
+											<div class="itemPic">
+												<img alt="" class="vLHTC pd_img" src="/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>
+											</p>
+										</a>
+										<button type="button" class="btn btn_default btn_sm"><span>쇼핑백 담기</span></button>
+									</div>
+								</div>
+							</div>
+							<div class="swiper-slide" style="width: 150px; margin-right: 20px;">
+								<div class="item_prod">
+									<div class="item_state">
+										<a href="#none" class="itemLink">
+											<div class="itemPic">
+												<img alt="" class="vLHTC pd_img" src="/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>
+											</p>
+										</a>
+										<button type="button" class="btn btn_default btn_sm"><span>쇼핑백 담기</span></button>
+									</div>
+								</div>
+							</div>
+						</div>
+						<!-- Add Scrollbar -->
+						<div class="swiper-scrollbar" style="opacity: 0; transition-duration: 400ms;"><div class="swiper-scrollbar-drag" style="width: 514.104px; transform: translate3d(0px, 0px, 0px);"></div></div>
+						<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
+				</div>
+				<!-- -->
+			</div>
+		</div>
+
+		<script>
+			//팝업 - 다다익선 상품보기 > 슬라이드
+			var moreSaleSwiper = new Swiper('.moresale_pop .swiper-container', {
+				observer:true,
+				observeParents: true,
+				slidesPerView: 5,
+				spaceBetween: 20,
+				scrollbar: {
+					el: '.moresale_pop .swiper-scrollbar',
+					hide: true,
+				},
+			});
+		</script></div>
+</div>
+<a href="#close-modal" rel="modal:close" id="moresalePop_close" class="close-modal">Close</a>
+
+<script th:inline="javascript">
+	$(document).ready(function() {
+		var goodsListCnt = [[${goodsList.size()}]];
+		if(goodsListCnt < 1) {
+			mcxDialog.alert("다다익선 적용 가능한 다른 상품이 없습니다.");
+			$("#moresalePop_close").trigger("click");
+		} else {
+			$("#moresalePop").modal("show");
+		}
+	});
+
+	function fnAddCartDelvFeeSaveGoods(goodsCd, optCd) {
+		let compsList = [];
+		let temp 			= new Object;
+		temp.goodsCd 		= goodsCd;
+		temp.optCd 			= optCd;
+		temp.goodsQty 		= 1;
+		temp.goodsType 		= "G056_N";
+		temp.cartGb 		= "C";
+		temp.popupYn		= "Y";
+		compsList.push(temp);
+
+		cfnAddCart(compsList);
+	};
+</script>
+</html>