|
|
@@ -29,114 +29,123 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="wrap">
|
|
|
- <div class="content dp_submain" > <!-- 페이지특정 클래스 = dp_list -->
|
|
|
- <div class="cont_head">
|
|
|
- <div>
|
|
|
- <h3 class="cate1Nm"></h3>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="cont_body" th:if="${planningList != null and !planningList.empty}">
|
|
|
- <div class="dp_sum_slide dp_inner">
|
|
|
- <div class="swiper-container">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide" th:each="item, status : ${planningList}">
|
|
|
- <a th:href="${item.strVar1}">
|
|
|
- <div class="img">
|
|
|
- <img th:src="${@environment.getProperty('domain.image') + '/' + item.imgPath1}" alt="서브메인 썸네일"/>
|
|
|
- </div>
|
|
|
- <div class="txt">
|
|
|
- <p class="subject" th:text="${item.strTitle1}"></p>
|
|
|
- <span th:text="${item.subText1}"></span>
|
|
|
+ <th:block th:if="${cateMainLayoutList}" th:each="mainLayoutData, mainStat : ${cateMainLayoutList}" th:with="contentsLoc=${#strings.replace(mainLayoutData.contentsLoc,'SCM','')}">
|
|
|
+ <th:block th:if="${contentsLoc=='001'}">
|
|
|
+ <div class="content dp_submain" > <!-- 페이지특정 클래스 = dp_list -->
|
|
|
+ <div class="cont_head">
|
|
|
+ <div>
|
|
|
+ <h3 class="cate1Nm"></h3>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body" th:if="${planningList != null and !planningList.empty}">
|
|
|
+ <div class="dp_sum_slide dp_inner">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide" th:each="item, status : ${planningList}">
|
|
|
+ <a th:href="${item.strVar1}">
|
|
|
+ <div class="img">
|
|
|
+ <img th:src="${@environment.getProperty('domain.image') + '/' + item.imgPath1}" alt="서브메인 썸네일"/>
|
|
|
+ </div>
|
|
|
+ <div class="txt">
|
|
|
+ <p class="subject" th:text="${item.strTitle1}"></p>
|
|
|
+ <span th:text="${item.subText1}"></span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- </a>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-controls">
|
|
|
+ <div class="swiper-scrollbar"></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="swiper-controls">
|
|
|
- <div class="swiper-scrollbar"></div>
|
|
|
+ <!-- Add Arrows -->
|
|
|
+ <div class="swiper-button-next"></div>
|
|
|
+ <div class="swiper-button-prev"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- Add Arrows -->
|
|
|
- <div class="swiper-button-next"></div>
|
|
|
- <div class="swiper-button-prev"></div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="content wide dp_category">
|
|
|
- <div class="cont_head">
|
|
|
- <h3 class="displayH">카테고리 바로가기</h3>
|
|
|
- </div>
|
|
|
- <div class="cont_body">
|
|
|
- <div class="">
|
|
|
- <div class="dp_cate_list">
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <th:block th:if="${contentsLoc=='004'}">
|
|
|
+ <div class="content wide dp_category">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="displayH">카테고리 바로가기</h3>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="">
|
|
|
+ <div class="dp_cate_list">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- 신상품 -->
|
|
|
- <div class="content wide new_item" th:if="${newGoodsList != null}">
|
|
|
- <div class="cont_head">
|
|
|
- <h3 class="displayH">신상품</h3>
|
|
|
- </div>
|
|
|
- <div class="cont_body">
|
|
|
- <div class="swiper-container post-trendy">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide" th:each="item, status : ${newGoodsList}">
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike" th:classappend="${item.likeIt}">관심상품 추가</button>
|
|
|
- <a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${item.goodsCd}]], '', '', 'SCM001');">
|
|
|
- <div class=" itemPic">
|
|
|
- <img class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm}" th:alt="${item.goodsCd}"/>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <th:block th:if="${contentsLoc=='002'}">
|
|
|
+ <!-- 신상품 -->
|
|
|
+ <div class="content wide new_item" th:if="${newGoodsList != null}">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="displayH">신상품</h3>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="swiper-container post-trendy">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide" th:each="item, status : ${newGoodsList}">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike" th:classappend="${item.likeIt}">관심상품 추가</button>
|
|
|
+ <a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${item.goodsCd}]], '', '', 'SCM001');">
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm}" th:alt="${item.goodsCd}"/>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand" th:text="${item.brandGroupNm}">BRAND NAME</p>
|
|
|
+ <div class="itemName" th:text="${item.goodsFullNm}">스타 착용 여성 퍼 아플리케 오버핏 투마일 웨어링 점퍼</div>
|
|
|
+ <p class="itemPrice" th:text="${#numbers.formatInteger(item.currPrice,3,'POINT') + '원'}">488,000원</p>
|
|
|
+ <div class="itemComment" th:if="${not #strings.isEmpty(item.goodsTnm)}" th:text="${item.goodsTnm}">#가을느낌 물씬!</div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- <p class="itemBrand" th:text="${item.brandGroupNm}">BRAND NAME</p>
|
|
|
- <div class="itemName" th:text="${item.goodsFullNm}">스타 착용 여성 퍼 아플리케 오버핏 투마일 웨어링 점퍼</div>
|
|
|
- <p class="itemPrice" th:text="${#numbers.formatInteger(item.currPrice,3,'POINT') + '원'}">488,000원</p>
|
|
|
- <div class="itemComment" th:if="${not #strings.isEmpty(item.goodsTnm)}" th:text="${item.goodsTnm}">#가을느낌 물씬!</div>
|
|
|
- </a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ <div class="swiper-button-prev"></div>
|
|
|
+ <div class="swiper-button-next"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="swiper-pagination"></div>
|
|
|
- <div class="swiper-button-prev"></div>
|
|
|
- <div class="swiper-button-next"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //신상품 -->
|
|
|
-
|
|
|
- <div class="content dp_best_list" th:if="${bestGoodsList != null}">
|
|
|
- <div class="cont_head">
|
|
|
- <h3 class="displayH">베스트</h3>
|
|
|
- </div>
|
|
|
- <div class="cont_body">
|
|
|
- <div class="list_content">
|
|
|
- <div class="itemsGrp"> <!-- itemsGrp rank hot deal -->
|
|
|
- <div class="item_prod" th:each="item, status : ${bestGoodsList}">
|
|
|
- <div class="item_state" >
|
|
|
- <button type="button" class="itemLike" th:classappend="${item.likeIt}">관심상품 추가</button>
|
|
|
- <a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${item.goodsCd}]], '', '', 'SCM002');">
|
|
|
- <div class="rank ranker"><span th:text="${status.index+1}">1</span></div>
|
|
|
- <div class="itemPic">
|
|
|
- <img class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm}" th:alt="${item.goodsCd}"/>
|
|
|
+ <!-- //신상품 -->
|
|
|
+ </th:block>
|
|
|
+ <th:block th:if="${contentsLoc=='003'}">
|
|
|
+ <div class="content dp_best_list" th:if="${bestGoodsList != null}">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="displayH">베스트</h3>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="list_content">
|
|
|
+ <div class="itemsGrp"> <!-- itemsGrp rank hot deal -->
|
|
|
+ <div class="item_prod" th:each="item, status : ${bestGoodsList}">
|
|
|
+ <div class="item_state" >
|
|
|
+ <button type="button" class="itemLike" th:classappend="${item.likeIt}">관심상품 추가</button>
|
|
|
+ <a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${item.goodsCd}]], '', '', 'SCM002');">
|
|
|
+ <div class="rank ranker"><span th:text="${status.index+1}">1</span></div>
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm}" th:alt="${item.goodsCd}"/>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand" th:text="${item.brandGroupNm}">BRAND NAME</p>
|
|
|
+ <div class="itemName" th:text="${item.goodsFullNm}">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span th:text="${#numbers.formatInteger(item.currPrice,3,'POINT') + '원'}">80,100</span>
|
|
|
+ <span class="itemPrice_original" th:if="${item.currPrice != item.listPrice}" th:text="${#numbers.formatInteger(item.listPrice,3,'POINT') + '원'}">89,000</span>
|
|
|
+ <span class="itemPercent" th:if="${item.currPrice != item.listPrice}" th:text="${(item.listPrice == 0 ? 0 : #numbers.formatDecimal((item.listPrice - item.currPrice) / (item.listPrice * 1.0) * 100, 1, 0)) + '%'}">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment" th:if="${not #strings.isEmpty(item.goodsTnm)}" th:text="${item.goodsTnm}">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- <p class="itemBrand" th:text="${item.brandGroupNm}">BRAND NAME</p>
|
|
|
- <div class="itemName" th:text="${item.goodsFullNm}">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span th:text="${#numbers.formatInteger(item.currPrice,3,'POINT') + '원'}">80,100</span>
|
|
|
- <span class="itemPrice_original" th:if="${item.currPrice != item.listPrice}" th:text="${#numbers.formatInteger(item.listPrice,3,'POINT') + '원'}">89,000</span>
|
|
|
- <span class="itemPercent" th:if="${item.currPrice != item.listPrice}" th:text="${(item.listPrice == 0 ? 0 : #numbers.formatDecimal((item.listPrice - item.currPrice) / (item.listPrice * 1.0) * 100, 1, 0)) + '%'}">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemComment" th:if="${not #strings.isEmpty(item.goodsTnm)}" th:text="${item.goodsTnm}">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </th:block>
|
|
|
+ </th:block>
|
|
|
</div>
|
|
|
</div>
|
|
|
|