|
@@ -146,58 +146,8 @@
|
|
|
</th:block>
|
|
</th:block>
|
|
|
|
|
|
|
|
<!-- 관련상품 리스트 -->
|
|
<!-- 관련상품 리스트 -->
|
|
|
- <div class="content sticky_nav_list" th:if="${planCornerListLength>0}">
|
|
|
|
|
- <div class="cont_head">
|
|
|
|
|
- <div class="sticky_nav">
|
|
|
|
|
- <ul>
|
|
|
|
|
- <th:block th:each="cornerData, CornerStat : ${planCornerList}">
|
|
|
|
|
- <li><a th:href="${'#brand' +CornerStat.index}" th:text="${cornerData.cornerNm}"></a></li> <!-- 섹션이동 -->
|
|
|
|
|
- </th:block>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="cont_body">
|
|
|
|
|
- <div class="list_content">
|
|
|
|
|
- <th:block th:each="cornerData, CornerStat : ${planCornerList}">
|
|
|
|
|
- <div th:id="${'brand' +CornerStat.index}">
|
|
|
|
|
- <div class="item_header"> <!-- 섹션이동 -->
|
|
|
|
|
- <h4 th:text="${cornerData.cornerNm}"></h4>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="itemsGrp"> <!-- itemsGrp rank hot deal -->
|
|
|
|
|
- <th:block th:each="cornerGoodsData, CornerGoodsStat : ${planCornerGoodsList}" th:if="${cornerGoodsData.cornerNm == cornerData.cornerNm}">
|
|
|
|
|
-
|
|
|
|
|
- <div class="item_prod">
|
|
|
|
|
- <div class="item_state">
|
|
|
|
|
- <button type="button" th:class="${cornerGoodsData.likeIt == 'likeit'}? 'itemLike likeit' : 'itemLike'" onclick="cfnPutWishList(this);" th:attr="goodsCd=${cornerGoodsData.goodsCd}, ithrCd='', contentsLoc='', planDtlSq=''">관심상품 추가</button>
|
|
|
|
|
- <a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${cornerGoodsData.goodsCd}]])" class="itemLink">
|
|
|
|
|
- <!-- <div class="rank ranker"><span>1</span></div> -->
|
|
|
|
|
- <div class="itemPic">
|
|
|
|
|
- <img alt="BLUE-a" class=" vLHTC pd_img" th:src="${goodsView + '/' +cornerGoodsData.sysImgNm}">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand" th:text="${cornerGoodsData.brandGroupNm}"></p>
|
|
|
|
|
- <div class="itemName" th:text="${cornerGoodsData.goodsNm}"></div>
|
|
|
|
|
- <p class="itemPrice">[[${#numbers.formatInteger(cornerGoodsData.currPrice,0,'COMMA')}]]
|
|
|
|
|
- <span class="itemPrice_original" th:if="${cornerGoodsData.currPrice != cornerGoodsData.listPrice}" th:text="${#numbers.formatInteger(cornerGoodsData.listPrice,0,'COMMA')}"></span>
|
|
|
|
|
- <span class=" itemPercent" th:if="${cornerGoodsData.dcRate != '0'}" th:text="|${#numbers.formatDecimal(cornerGoodsData.dcRate,0,0)}%|"></span>
|
|
|
|
|
- </p>
|
|
|
|
|
- <div class="itemcolorchip">
|
|
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBadge">
|
|
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
|
|
- </p>
|
|
|
|
|
- <div class="itemComment" th:if="${cornerGoodsData.goodsTnm != null}" th:text="${cornerGoodsData.goodsTnm}"></div>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </th:block>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </th:block>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div class="content sticky_nav_list" id="cornerList">
|
|
|
|
|
+
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- //관련상품 리스트 -->
|
|
<!-- //관련상품 리스트 -->
|
|
@@ -289,9 +239,109 @@ let template =[[${templateOrd}]];
|
|
|
let replyList = [[${replyList}]];
|
|
let replyList = [[${replyList}]];
|
|
|
let replyCount = [[${replyCount}]];
|
|
let replyCount = [[${replyCount}]];
|
|
|
let replyAttachList = [[${replyAttachList}]];
|
|
let replyAttachList = [[${replyAttachList}]];
|
|
|
|
|
+let planCornerGoodsList = [[${planCornerGoodsList}]];
|
|
|
|
|
+let planCornerList = [[${planCornerList}]];
|
|
|
let _mall = [[${@environment.getProperty('domain.front')}]];
|
|
let _mall = [[${@environment.getProperty('domain.front')}]];
|
|
|
let goodsView =[[${@environment.getProperty('upload.goods.view')}]]
|
|
let goodsView =[[${@environment.getProperty('upload.goods.view')}]]
|
|
|
let imgUrl=[[${@environment.getProperty('upload.image.view')}]];
|
|
let imgUrl=[[${@environment.getProperty('upload.image.view')}]];
|
|
|
|
|
+console.log(planCornerList);
|
|
|
|
|
+console.log(planCornerGoodsList);
|
|
|
|
|
+if(planCornerList.length>0){
|
|
|
|
|
+ var html = '';
|
|
|
|
|
+
|
|
|
|
|
+ html += '<div class="cont_head">';
|
|
|
|
|
+ html += ' <div class="sticky_nav">';
|
|
|
|
|
+ html += ' <ul> ';
|
|
|
|
|
+ $.each(planCornerList, function(idx, item) {
|
|
|
|
|
+ html += ' <li><a href="#brand'+idx+'">'+item.cornerNm+'</a></li>';
|
|
|
|
|
+ })
|
|
|
|
|
+
|
|
|
|
|
+ html += ' </ul>';
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += '</div>';
|
|
|
|
|
+ html += '<div class="cont_body">';
|
|
|
|
|
+ html += ' <div class="list_content">';
|
|
|
|
|
+ $.each(planCornerList, function(idx, item) {
|
|
|
|
|
+ html += ' <div id="brand'+idx+'">';
|
|
|
|
|
+ html += ' <div class="item_header">';
|
|
|
|
|
+ html += ' <h4>'+item.cornerNm+'</h4>';
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += ' <div class="itemsGrp">';
|
|
|
|
|
+ $.each(planCornerGoodsList, function(idx2, item2) {
|
|
|
|
|
+ html += ' <div class="item_prod">';
|
|
|
|
|
+ html += ' <div class="item_state">';
|
|
|
|
|
+ html += ' <button type="button" class="itemLike';
|
|
|
|
|
+ if(item.likeIt == 'likeit'){
|
|
|
|
|
+ html += ' likeit';
|
|
|
|
|
+ }
|
|
|
|
|
+ html += ' "';
|
|
|
|
|
+ html += ' onClick="cfnPutWishList(this);" goodsCd=\''+item2.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
|
|
|
|
|
+
|
|
|
|
|
+ html += ' <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item2.goodsCd + '\')" class="itemLink">';
|
|
|
|
|
+ html += ' <div class="itemPic">';
|
|
|
|
|
+ html += ' <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ goodsView +'/'+item2.sysImgNm +'">';
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += ' <p class="itemBrand">'+item2.brandGroupNm+'</p>';
|
|
|
|
|
+ html += ' <div class="itemName">'+item2.goodsNm+'</div>';
|
|
|
|
|
+ html += ' <p class="itemPrice">'+item2.currPrice.addComma();
|
|
|
|
|
+ if (item2.currPrice != item2.listPrice) {
|
|
|
|
|
+ html += ' <span class="itemPrice_original">'+item2.listPrice.addComma()+'</span>';
|
|
|
|
|
+ }
|
|
|
|
|
+ if (item2.dcRate != 0) {
|
|
|
|
|
+ html += ' <span class=" itemPercent">'+item2.dcRate.addComma()+'%</span>';
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ html += ' </p>';
|
|
|
|
|
+ html += ' <div class="itemcolorchip">';
|
|
|
|
|
+ if(!gagajf.isNull(item2.colorChips)){
|
|
|
|
|
+ var colorArr = item2.colorChips.split(",");
|
|
|
|
|
+ var colorCd = '';
|
|
|
|
|
+ var rgbColor = '';
|
|
|
|
|
+ for(let i=0; i<colorArr.length; i++){
|
|
|
|
|
+ var colorInfo = colorArr[i].split(":");
|
|
|
|
|
+ colorCd = colorInfo[0];
|
|
|
|
|
+ rgbColor = colorInfo[1];
|
|
|
|
|
+ if(rgbColor=='#FFFFFF'){
|
|
|
|
|
+ html += ' <span class="chip_color" style="background-color: '+rgbColor+';border:1px solid #aaa;" value="'+colorCd+'">'+colorCd+'</span>';
|
|
|
|
|
+ }else{
|
|
|
|
|
+ html += ' <span class="chip_color" style="background-color: '+rgbColor+'" value="'+colorCd+'">'+colorCd+'</span>';
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ if(!gagajf.isNull(item2.icon)){
|
|
|
|
|
+ var iconArr = item2.icon.split(",");
|
|
|
|
|
+ var iconGb = '';
|
|
|
|
|
+ var iconNm = '';
|
|
|
|
|
+ html += ' <p class="itemBadge">';
|
|
|
|
|
+ for(let i=0; i<iconArr.length; i++){
|
|
|
|
|
+ var iconInfo = iconArr[i].split(":");
|
|
|
|
|
+ iconGb = iconInfo[0];
|
|
|
|
|
+ iconNm = iconInfo[1];
|
|
|
|
|
+ html += ' <span class="badge13" value="'+iconGb+'">'+iconNm+' </span>';
|
|
|
|
|
+ }
|
|
|
|
|
+ html += ' </p>';
|
|
|
|
|
+ }
|
|
|
|
|
+ if(item2.goodsTnm != null){
|
|
|
|
|
+ html += ' <div class="itemComment">'+item2.goodsTnm+'</div>';
|
|
|
|
|
+ }
|
|
|
|
|
+ html += ' </a>';
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ })
|
|
|
|
|
+
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ })
|
|
|
|
|
+
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ $("#cornerList").append(html);
|
|
|
|
|
+
|
|
|
|
|
+}
|
|
|
|
|
|
|
|
if(review.length>0){
|
|
if(review.length>0){
|
|
|
|
|
|
|
@@ -409,7 +459,6 @@ if(goods1.length>0){
|
|
|
html += ' <div>';
|
|
html += ' <div>';
|
|
|
html += ' <h4>';
|
|
html += ' <h4>';
|
|
|
if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
|
|
if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
|
|
|
- console.log("template[i].linkOpenGb"+ template[i].linkOpenGb);
|
|
|
|
|
if (template[i].linkOpenGb == 'M') { //본창
|
|
if (template[i].linkOpenGb == 'M') { //본창
|
|
|
html += ' <a href="http://'+template[i].linkUrl+'" target="_self">'+template[i].title+' <i class="ico_arrow"></i></a>';
|
|
html += ' <a href="http://'+template[i].linkUrl+'" target="_self">'+template[i].title+' <i class="ico_arrow"></i></a>';
|
|
|
}else{
|
|
}else{
|