|
|
@@ -170,8 +170,8 @@
|
|
|
</th:block>
|
|
|
|
|
|
<!-- 6. 타임딜 : 슬라이드 -->
|
|
|
- <th:block th:if="${contentsLoc=='002'}">
|
|
|
- <div class="content wide main_deal" th:if="${mainLayoutData.socialInfo != null}">
|
|
|
+ <th:block th:if="${contentsLoc=='006'}">
|
|
|
+ <div class="content wide main_deal">
|
|
|
<div class="cont_head">
|
|
|
<p class="displayH" th:text="${mainLayoutData.contentsTitle}">오늘만<br>이 가격에 만나요</p>
|
|
|
<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_SOCIAL_MAIN);"><span>전체보기</span></a>
|
|
|
@@ -179,10 +179,12 @@
|
|
|
<div class="bar_current" style="width:33.333%"><span>HERE</span></div>
|
|
|
<div class="bar_bg"></div>
|
|
|
</div>
|
|
|
- <div class="count" >
|
|
|
+ <th:block th:each="socialData, socialStat : ${mainLayoutData.socialInfo}">
|
|
|
<form name="socailForm">
|
|
|
- <input type="hidden" name="targetTime" th:value="${mainLayoutData.socialInfo.socialEddt}">
|
|
|
+ <input type="hidden" name="targetTime" th:value="${socialData.socialEddt}">
|
|
|
</form>
|
|
|
+ </th:block>
|
|
|
+ <div class="count" >
|
|
|
<span class="count_tit">남은 시간</span>
|
|
|
<div class="hotdeal">
|
|
|
<div id="countdown">
|
|
|
@@ -235,139 +237,29 @@
|
|
|
<div class="cont_body">
|
|
|
<div class="swiper-container post-deal">
|
|
|
<div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="pd_img" src="/images/pc/thumb/main_hotdeal01.jpg">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">여성 체인 프린트 큐롯 스커트 프린트 큐롯 스커트</div>
|
|
|
- <p class="itemPrice">80,100
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#데일리웨어로 매일입고싶은</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="pd_img" src="/images/pc/thumb/main_hotdeal02.jpg">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">여성 체인 프린트 큐롯 스커트 프린트 큐롯 스커트</div>
|
|
|
- <p class="itemPrice">80,100
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#데일리웨어로 매일입고싶은</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="pd_img" src="/images/pc/thumb/main_hotdeal03.jpg">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">여성 체인 프린트 큐롯 스커트 프린트 큐롯 스커트</div>
|
|
|
- <p class="itemPrice">80,100
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#데일리웨어로 매일입고싶은</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="pd_img" src="/images/pc/thumb/main_hotdeal04.jpg">
|
|
|
+ <th:block th:each="socialData, socialStat : ${mainLayoutData.socialInfo}">
|
|
|
+ <th:block th:each="goodsData, goodsStat : ${socialData.socialGoodsList}">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SMM006');">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand" th:text="${goodsData.brandEnm}">BRAND NAME</p>
|
|
|
+ <div class="itemName" th:text="${goodsData.goodsNm}">여성 체인 프린트 큐롯 스커트 프린트 큐롯 스커트</div>
|
|
|
+ <p class="itemPrice" th:text="${#numbers.formatInteger(goodsData.currPrice,1,'COMMA')}">80,100
|
|
|
+ <span class="itemPrice_original" th:text="${#numbers.formatInteger(planningGoods.listPrice,1,'COMMA')}">89,000</span>
|
|
|
+ <span class="itemPercent" th:if="${planningGoods.currPrice != planningGoods.listPrice}" th:text="${(planningGoods.listPrice == 0 ? 0 : #numbers.formatDecimal((planningGoods.listPrice - planningGoods.currPrice) / (planningGoods.listPrice * 1.0) * 100, 1, 0)) + '%'}">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#데일리웨어로 매일입고싶은</div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">여성 체인 프린트 큐롯 스커트 프린트 큐롯 스커트</div>
|
|
|
- <p class="itemPrice">80,100
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#데일리웨어로 매일입고싶은</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="pd_img" src="/images/pc/thumb/main_hotdeal04.jpg">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">여성 체인 프린트 큐롯 스커트 프린트 큐롯 스커트</div>
|
|
|
- <p class="itemPrice">80,100
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#데일리웨어로 매일입고싶은</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="pd_img" src="/images/pc/thumb/main_hotdeal04.jpg">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">여성 체인 프린트 큐롯 스커트 프린트 큐롯 스커트</div>
|
|
|
- <p class="itemPrice">80,100
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#데일리웨어로 매일입고싶은</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="pd_img" src="/images/pc/thumb/main_hotdeal04.jpg">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">여성 체인 프린트 큐롯 스커트 프린트 큐롯 스커트</div>
|
|
|
- <p class="itemPrice">80,100
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#데일리웨어로 매일입고싶은</div>
|
|
|
- </a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </th:block>
|
|
|
+ </th:block>
|
|
|
</div>
|
|
|
<div class="swiper-controls">
|
|
|
<div class="swiper-scrollbar"></div>
|