|
|
@@ -46,7 +46,28 @@
|
|
|
<!-- 상단배너 -->
|
|
|
</div>
|
|
|
<th:block th:each="a, template : ${templateOrd}">
|
|
|
- <div class="coner_item01" th:id="${a.tmplType}"></div>
|
|
|
+ <th:block th:if="${a.tmplType == 'G082_10'}">
|
|
|
+ <div class="coner_item01" th:id="${a.tmplType + a.planContSq}"></div>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:if="${a.tmplType == 'G082_20'}">
|
|
|
+ <div class="coner_item01" th:id="${a.tmplType + a.planContSq}"></div>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:if="${a.tmplType == 'G082_30'}">
|
|
|
+ <div class="coner_item01" th:id="${a.tmplType + a.planContSq}"></div>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:if="${a.tmplType == 'G082_40'}">
|
|
|
+ <div class="coner_item01" th:id="${a.tmplType + a.planContSq}"></div>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:if="${a.tmplType == 'G082_50'}">
|
|
|
+ <div class="coner_item01" th:id="${a.tmplType + a.planContSq}"></div>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:if="${a.tmplType == 'G082_51'}">
|
|
|
+ <div class="coner_visual dp_recommend_item" th:id="${a.tmplType + a.planContSq}"></div>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:if="${a.tmplType == 'G082_52'}">
|
|
|
+ <div class="coner_item01" th:id="${a.tmplType + a.planContSq}"></div>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
</th:block>
|
|
|
<div class="coner_front">
|
|
|
<div class="promotion_visual" th:if="${fsrcInfoBtm != null}" th:utext="${fsrcInfoBtm.fsrcPc}"></div>
|
|
|
@@ -195,6 +216,12 @@ let review = [[${reviewInfo}]];
|
|
|
let coupon = [[${couponInfo}]];
|
|
|
let plan = [[${planInfo}]];
|
|
|
let image = [[${imageInfo}]];
|
|
|
+let goods1 = [[${goods1Info}]];
|
|
|
+let goods2 = [[${goods2Info}]];
|
|
|
+let goods4 = [[${goods4Info}]];
|
|
|
+let template =[[${templateOrd}]];
|
|
|
+let _mall = [[${@environment.getProperty('domain.front')}]];
|
|
|
+
|
|
|
|
|
|
if(review != null || review != ''){
|
|
|
|
|
|
@@ -213,9 +240,11 @@ if(review != null || review != ''){
|
|
|
html += ' <a href="javascript:void();" onclick="fnPlanReviewDetail(\''+review[i].reviewSq+'\');">';
|
|
|
html += ' <div class="lap">';
|
|
|
html += ' <div class="pic">';
|
|
|
- html += ' <span class="thumb"';
|
|
|
- html += ' style="background-image: url('+ _imgUrl +'/'+review[i].reviewSysImg +');"></span>';
|
|
|
- html += ' <!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->';
|
|
|
+ if (review[i].fileGb == 'M') {
|
|
|
+ html += ' <span class="thumb mov" style="background-image: url('+ _imgUrl +'/'+review[i].reviewSysImg +');"></span>';
|
|
|
+ }else{
|
|
|
+ html += ' <span class="thumb" style="background-image: url('+ _imgUrl +'/'+review[i].reviewSysImg +');"></span>';
|
|
|
+ }
|
|
|
html += ' </div>';
|
|
|
html += ' <div class="info">';
|
|
|
html += ' <div>';
|
|
|
@@ -357,7 +386,143 @@ if(image != null || image != ''){
|
|
|
|
|
|
$("#G082_30").append(html);
|
|
|
}
|
|
|
+
|
|
|
+if(goods1 != null || goods1 != ''){
|
|
|
+ var array = [];
|
|
|
+
|
|
|
+ for (var j = 0; j < template.length; j++) {
|
|
|
+ if(template[j].tmplType == 'G082_50'){
|
|
|
+ array.push(goods1[j].planContSq);
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
|
|
|
+ for (var i = 0; i < template.length; i++) {
|
|
|
+ var html = '';
|
|
|
+
|
|
|
+ if(template[i].tmplType == 'G082_50' && array[0] == template[i].planContSq && typeof array[0] != 'undefined'){
|
|
|
+ html += '<div class="dp_listItems_wrap"> ';
|
|
|
+ html += ' <div>';
|
|
|
+ if (template[i].linkUrl != null) { /* 링크 변경 예정 */
|
|
|
+ html += ' <a href="http://'+template[i].linkUrl+'" target="_blank">'+template[i].title+'</a>';
|
|
|
+ }else{
|
|
|
+ html += ' <a href="javascript:void(0)">'+template[i].title+'</a>';
|
|
|
+ }
|
|
|
+
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <div class="dp_listItems_cont">';
|
|
|
+ html += ' <ul>';
|
|
|
+
|
|
|
+ for (var j = 0; j < goods1.length; j++) {
|
|
|
+ if (goods1[j].planContSq == template[i].planContSq) {
|
|
|
+ html += ' <li>';
|
|
|
+ html += ' <div class="dp_listItems">';
|
|
|
+ html += ' <div class="dp_listItems_img">';
|
|
|
+ html += ' <img src="'+ _imgUrl +'/'+goods1[j].sysImgNm +'" alt="">';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <div class="dp_listItems_info">';
|
|
|
+ html += ' <div class="dp_listItems_brand">'+goods1[j].brandKnm+'</div>';
|
|
|
+ html += ' <div class="dp_listItems_name">'+goods1[j].goodsNm+'</div>';
|
|
|
+ html += ' <div class="dp_listItems_price">';
|
|
|
+ html += ' <span class="price">'+goods1[j].currPrice+'</span>';
|
|
|
+ if (goods1[j].currPrice != goods1[j].listPrice) {
|
|
|
+ html += ' <del>'+goods1[j].listPrice+'</del>';
|
|
|
+ html += ' <span class="percent">'+goods1[j].dcRate+'</span>';
|
|
|
+ }
|
|
|
+
|
|
|
+ html += ' </div>';
|
|
|
+ //html += ' <div class="itemComment">#주문 폭주 상품</div>';
|
|
|
+ html += ' <div class="ui_row">';
|
|
|
+ html += ' <button type="button" class="btn btn_default" onclick="location.href=\''+_mall+'/goods/detail/form?goodsCd='+goods1[j].goodsCd+'\'"><span>자세히 보기</span></button>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </li>';
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ html += ' </ul>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += '</div>';
|
|
|
+ $("#G082_50" +array[0]).append(html);
|
|
|
+ }
|
|
|
+
|
|
|
+ if($("#G082_50" +template[i].planContSq).length){
|
|
|
+ array.shift();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+if(goods2 != null || goods2 != ''){
|
|
|
+ var array = [];
|
|
|
+
|
|
|
+ for (var j = 0; j < template.length; j++) {
|
|
|
+ if(template[j].tmplType == 'G082_51'){
|
|
|
+ array.push(template[j].planContSq);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (var i = 0; i < template.length; i++) {
|
|
|
+ var html = '';
|
|
|
+
|
|
|
+ if(template[i].tmplType == 'G082_51' && array[0] == template[i].planContSq && typeof array[0] != 'undefined'){
|
|
|
+ //html+='<div class="coner_visual dp_recommend_item">';
|
|
|
+ html+=' <div class="dp_banner_slide">';
|
|
|
+ html+=' <div class="slide_head">';
|
|
|
+ if (template[i].linkUrl != null) { /* 링크 변경 예정 */
|
|
|
+ html+=' <a href="http://'+template[i].linkUrl+'" target="_blank">'+template[i].title+'</a>';
|
|
|
+ }else{
|
|
|
+ html+=' <a href="javascript:void(0)">'+template[i].title+'</a>';
|
|
|
+ }
|
|
|
+
|
|
|
+ html+=' </div>';
|
|
|
+ html+=' <div class="swiper-container dp_lookbook_case2">';
|
|
|
+ html+=' <div class="swiper-wrapper ">';
|
|
|
+
|
|
|
+ for (var j = 0; j < goods2.length; j++) {
|
|
|
+ if (goods2[j].planContSq == template[i].planContSq) {
|
|
|
+ html+=' <div class="swiper-slide">';
|
|
|
+ html+=' <div class="item_prod">';
|
|
|
+ html+=' <div class="item_state">';
|
|
|
+ html+=' <a href="'+_mall+'/goods/detail/form?goodsCd='+goods2[j].goodsCd+'" class="itemLink">';
|
|
|
+ html+=' <div class="itemPic">';
|
|
|
+ html+=' <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _imgUrl +'/'+goods2[j].sysImgNm +'">';
|
|
|
+ html+=' </div>';
|
|
|
+ html+=' <p class="itemBrand">'+goods2[j].brandKnm+'</p>';
|
|
|
+ html+=' <div class="itemName">'+goods2[j].goodsNm+'</div>';
|
|
|
+ html+=' <p class="itemPrice">'+goods2[j].currPrice;
|
|
|
+ if (goods2[j].currPrice != goods2[j].listPrice) {
|
|
|
+ html+=' <span class="itemPrice_original">'+goods2[j].listPrice+'</span>';
|
|
|
+ html+=' <span class=" itemPercent">'+goods2[j].dcRate+'</span>';
|
|
|
+ }
|
|
|
+
|
|
|
+ html+=' </p>';
|
|
|
+ //html+=' <div class="itemComment">#주문 폭주 상품</div>';
|
|
|
+ html+=' </a>';
|
|
|
+ html+=' </div>';
|
|
|
+ html+=' </div>';
|
|
|
+ html+=' </div> ';
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ html+=' </div>';
|
|
|
+ html+=' </div>';
|
|
|
+ html+=' <div class="swiper-button-prev "></div>';
|
|
|
+ html+=' <div class="swiper-button-next "></div>';
|
|
|
+ html+=' <div class="swiper-pagination"></div>';
|
|
|
+ html+=' </div>';
|
|
|
+ //html+='</div>';
|
|
|
+
|
|
|
+ $("#G082_51" +array[0]).append(html);
|
|
|
+ }
|
|
|
+
|
|
|
+ if($("#G082_51" +template[i].planContSq).length){
|
|
|
+ array.shift();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
</script>
|
|
|
<script type="text/javascript">
|
|
|
// 컨텐츠 호출
|
|
|
@@ -406,6 +571,33 @@ if(image != null || image != ''){
|
|
|
prevEl: '.dp_foot_banner .swiper-button-prev',
|
|
|
},
|
|
|
});
|
|
|
+ var dp_foot_banner_slide = new Swiper ('.dp_foot_banner .swiper-container', {
|
|
|
+ loop: false,
|
|
|
+ slidesPerView: 5,
|
|
|
+ spaceBetween: 20,
|
|
|
+ speed : 800,
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.dp_foot_banner .swiper-button-next',
|
|
|
+ prevEl: '.dp_foot_banner .swiper-button-prev',
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ var dp_foot_banner_slide02 = new Swiper ('.dp_recommend_item .dp_lookbook_case2', {
|
|
|
+ loop: false,
|
|
|
+ slidesPerView: 2,
|
|
|
+ slidesPerGroup: 2,
|
|
|
+ spaceBetween: 0,
|
|
|
+ speed : 800,
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.dp_recommend_item .swiper-button-next',
|
|
|
+ prevEl: '.dp_recommend_item .swiper-button-prev',
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ el: '.dp_recommend_item .swiper-pagination',
|
|
|
+ clickable: true,
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
|
|
|
//내부앵커이동
|
|
|
$(".bullet_sticky_nav li a").on("click", function(){
|