|
@@ -1,7 +1,7 @@
|
|
|
<html lang="ko"
|
|
<html lang="ko"
|
|
|
xmlns:th="http://www.thymeleaf.org">
|
|
xmlns:th="http://www.thymeleaf.org">
|
|
|
-<!-- 배송비 SAVE 상품보기, 다다익선 할인 상품 보기 -->
|
|
|
|
|
-<div class="modal-dialog" role="document">
|
|
|
|
|
|
|
+<!-- 다다익선 할인 상품 보기 -->
|
|
|
|
|
+<div class="modal-dialog" role="document" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}, imgUrl=${@environment.getProperty('upload.image.view')}">
|
|
|
<div class="modal-content"><div class="modal-header">
|
|
<div class="modal-content"><div class="modal-header">
|
|
|
<h5 class="modal-title" id="moresaleLabel">다다익선 상품</h5>
|
|
<h5 class="modal-title" id="moresaleLabel">다다익선 상품</h5>
|
|
|
</div>
|
|
</div>
|
|
@@ -10,150 +10,32 @@
|
|
|
<div class="area_benefit">
|
|
<div class="area_benefit">
|
|
|
<span class="tag primary">SALE</span>
|
|
<span class="tag primary">SALE</span>
|
|
|
<p>
|
|
<p>
|
|
|
- <span>5개 이상 구매 시 1만원 할인</span>
|
|
|
|
|
- <span>10만원 이상 구매 시 1만원 할인</span>
|
|
|
|
|
|
|
+ <span th:each="desc, index : ${tmtbDcDescList}" th:text="${desc}"></span>
|
|
|
</p>
|
|
</p>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- -->
|
|
<!-- -->
|
|
|
<div class="area_slider">
|
|
<div class="area_slider">
|
|
|
<div class="swiper-container swiper-container-initialized swiper-container-horizontal">
|
|
<div class="swiper-container swiper-container-initialized swiper-container-horizontal">
|
|
|
<div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
|
|
<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 th:each="goods, status : ${goodsList}" class="swiper-slide swiper-slide-active" style="width: 150px; margin-right: 20px;">
|
|
|
<div class="item_prod">
|
|
<div class="item_prod">
|
|
|
<div class="item_state">
|
|
<div class="item_state">
|
|
|
<a href="#none" class="itemLink">
|
|
<a href="#none" class="itemLink">
|
|
|
<div class="itemPic">
|
|
<div class="itemPic">
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
|
|
|
|
+ <img class="vLHTC pd_img" th:src="${imgGoodsUrl} + '/' + ${goods.sysImgNm} + '?RS=150'" src="/" width="100%" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'" th:alt="${goods.sysImgNm}" alt="">
|
|
|
</div>
|
|
</div>
|
|
|
- <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
- <p class="itemPrice">80,100
|
|
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
|
|
|
|
+ <p class="itemBrand" th:text="${goods.brandGroupNm}"></p>
|
|
|
|
|
+ <div class="itemName" th:text="${goods.goodsFullNm}"></div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span th:text="${#numbers.formatInteger(goods.currPrice, 1, 'COMMA')}"></span>
|
|
|
|
|
+ <th:block th:if="${goods.listPrice != goods.currPrice}">
|
|
|
|
|
+ <span class="itemPrice_original" th:text="${#numbers.formatInteger(goods.listPrice, 1, 'COMMA')}"></span>
|
|
|
|
|
+ <span class="itemPercent" th:text="${goods.dcRate + '%'}"></span>
|
|
|
|
|
+ </th:block>
|
|
|
</p>
|
|
</p>
|
|
|
</a>
|
|
</a>
|
|
|
- <button type="button" class="btn btn_default btn_sm"><span>쇼핑백 담기</span></button>
|
|
|
|
|
|
|
+ <button type="button" class="btn btn_default btn_sm" th:onclick="fnAddCartTmtbSalesGoods([[${goods.goodsCd}]])"><span>쇼핑백 담기</span></button>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -178,7 +60,8 @@
|
|
|
hide: true,
|
|
hide: true,
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|
|
|
- </script></div>
|
|
|
|
|
|
|
+ </script>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
<a href="#close-modal" rel="modal:close" id="moresalePop_close" class="close-modal">Close</a>
|
|
<a href="#close-modal" rel="modal:close" id="moresalePop_close" class="close-modal">Close</a>
|
|
|
|
|
|
|
@@ -193,18 +76,34 @@
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
- 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);
|
|
|
|
|
|
|
+ function fnAddCartTmtbSalesGoods(goodsCd) {
|
|
|
|
|
+ let data = JSON.stringify({goodsCd : goodsCd});
|
|
|
|
|
+ $.ajax( {
|
|
|
|
|
+ type : "POST",
|
|
|
|
|
+ url : '/cart/tmtb/sales/goods/optcd',
|
|
|
|
|
+ data : data,
|
|
|
|
|
+ dataType : 'json',
|
|
|
|
|
+ beforeSend : function(xhr, settings) {
|
|
|
|
|
+ xhr.setRequestHeader("AJAX" , "true");
|
|
|
|
|
+ xhr.setRequestHeader('Accept' , 'application/json');
|
|
|
|
|
+ xhr.setRequestHeader('Content-Type' , 'application/json');
|
|
|
|
|
+ },
|
|
|
|
|
+ success : function(result) {
|
|
|
|
|
+ alert(result.goodsCd + " / " + result.optCd);
|
|
|
|
|
+
|
|
|
|
|
+ let compsList = [];
|
|
|
|
|
+ let temp = new Object;
|
|
|
|
|
+ temp.goodsCd = goodsCd;
|
|
|
|
|
+ temp.optCd = result.optCd;
|
|
|
|
|
+ temp.goodsQty = 1;
|
|
|
|
|
+ temp.goodsType = "G056_N";
|
|
|
|
|
+ temp.cartGb = "C";
|
|
|
|
|
+ temp.popupYn = "Y";
|
|
|
|
|
+ compsList.push(temp);
|
|
|
|
|
|
|
|
- cfnAddCart(compsList);
|
|
|
|
|
|
|
+ cfnAddCart(compsList);
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
</html>
|
|
</html>
|