|
|
@@ -32,6 +32,8 @@
|
|
|
</div>
|
|
|
<th:block th:each="a, template : ${templateOrd}">
|
|
|
<th:block th:if="${a.tmplType == 'G082_10'}">
|
|
|
+ <div class="inner bg_gray" th:id="${a.tmplType}">
|
|
|
+ </div>
|
|
|
</th:block>
|
|
|
<th:block th:if="${a.tmplType == 'G082_20'}">
|
|
|
<div class="inner" th:id="${a.tmplType}">
|
|
|
@@ -48,258 +50,11 @@
|
|
|
<th:block th:if="${a.tmplType == 'G082_51'}">
|
|
|
</th:block>
|
|
|
<th:block th:if="${a.tmplType == 'G082_52'}">
|
|
|
+ <div class="inner" th:id="${a.tmplType + a.planContSq}">
|
|
|
+ </div>
|
|
|
</th:block>
|
|
|
</th:block>
|
|
|
|
|
|
- <div class="inner bg_gray">
|
|
|
- <div class="dp_review_cont">
|
|
|
- <div class="dp_review">
|
|
|
- <h2 class="dp_subtitle">구매하신 분들의 리얼 후기!</h2>
|
|
|
- <div class="review">
|
|
|
- <div class="swiper-container review_list">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide">
|
|
|
- <div>
|
|
|
- <div class="best_review">
|
|
|
- <a href="#none">
|
|
|
- <div class="lap">
|
|
|
- <div class="pic">
|
|
|
- <span class="thumb mov" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
- </div>
|
|
|
- <div class="info">
|
|
|
- <div>
|
|
|
- <div class="star_score">
|
|
|
- <span class="star">
|
|
|
- <em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
|
|
|
- </span>
|
|
|
- <em class="ico ico_besttag"></em>
|
|
|
- </div>
|
|
|
- <div class="txt_best_review">
|
|
|
- <p>
|
|
|
- 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="writer">
|
|
|
- <span class="wr_id">ab2****</span>
|
|
|
- <span class="wr_date">2020.07.15</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="product_view">
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg">
|
|
|
- </div>
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_sale">89,000</span>
|
|
|
- </p>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div>
|
|
|
- <div class="best_review">
|
|
|
- <a href="#none">
|
|
|
- <div class="lap">
|
|
|
- <div class="pic">
|
|
|
- <span class="thumb mov" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
- </div>
|
|
|
- <div class="info">
|
|
|
- <div>
|
|
|
- <div class="star_score">
|
|
|
- <span class="star">
|
|
|
- <em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
|
|
|
- </span>
|
|
|
- <em class="ico ico_besttag"></em>
|
|
|
- </div>
|
|
|
- <div class="txt_best_review">
|
|
|
- <p>
|
|
|
- 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="writer">
|
|
|
- <span class="wr_id">ab2****</span>
|
|
|
- <span class="wr_date">2020.07.15</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="product_view">
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg">
|
|
|
- </div>
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_sale">89,000</span>
|
|
|
- </p>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div>
|
|
|
- <div class="best_review">
|
|
|
- <a href="#none">
|
|
|
- <div class="lap">
|
|
|
- <div class="pic">
|
|
|
- <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
- </div>
|
|
|
- <div class="info">
|
|
|
- <div>
|
|
|
- <div class="star_score">
|
|
|
- <span class="star">
|
|
|
- <em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
|
|
|
- </span>
|
|
|
- <em class="ico ico_besttag"></em>
|
|
|
- </div>
|
|
|
- <div class="txt_best_review">
|
|
|
- <p>
|
|
|
- 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="writer">
|
|
|
- <span class="wr_id">ab2****</span>
|
|
|
- <span class="wr_date">2020.07.15</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="product_view">
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg">
|
|
|
- </div>
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_sale">89,000</span>
|
|
|
- </p>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div>
|
|
|
- <div class="best_review">
|
|
|
- <a href="#none">
|
|
|
- <div class="lap">
|
|
|
- <div class="pic">
|
|
|
- <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
- </div>
|
|
|
- <div class="info">
|
|
|
- <div>
|
|
|
- <div class="star_score">
|
|
|
- <span class="star">
|
|
|
- <em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
|
|
|
- </span>
|
|
|
- <em class="ico ico_besttag"></em>
|
|
|
- </div>
|
|
|
- <div class="txt_best_review">
|
|
|
- <p>
|
|
|
- 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="writer">
|
|
|
- <span class="wr_id">ab2****</span>
|
|
|
- <span class="wr_date">2020.07.15</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="product_view">
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg">
|
|
|
- </div>
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_sale">89,000</span>
|
|
|
- </p>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div>
|
|
|
- <div class="best_review">
|
|
|
- <a href="#none">
|
|
|
- <div class="lap">
|
|
|
- <div class="pic">
|
|
|
- <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
- </div>
|
|
|
- <div class="info">
|
|
|
- <div>
|
|
|
- <div class="star_score">
|
|
|
- <span class="star">
|
|
|
- <em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
|
|
|
- </span>
|
|
|
- <em class="ico ico_besttag"></em>
|
|
|
- </div>
|
|
|
- <div class="txt_best_review">
|
|
|
- <p>
|
|
|
- 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="writer">
|
|
|
- <span class="wr_id">ab2****</span>
|
|
|
- <span class="wr_date">2020.07.15</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="product_view">
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg">
|
|
|
- </div>
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_sale">89,000</span>
|
|
|
- </p>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-pagination"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
<div class="inner wide">
|
|
|
<div class="mid_banner">
|
|
|
<div class="swiper-container dp_lookbook_case1">
|
|
|
@@ -324,117 +79,6 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="inner">
|
|
|
- <div class="dp_listItems_cont type2">
|
|
|
- <h2 class="dp_subtitle"><a href="#none">겨울 아우터 추천템</a></h2>
|
|
|
- <div class="swiper-container item02">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <!-- 210415_위시리스트 삭제 -->
|
|
|
- <!--<button type="button" class="itemLike">관심상품 추가</button>-->
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img class="vLHTC pd_img" src="/images/mo/thumb/dp_case1_item.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <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 class="vLHTC pd_img" src="/images/mo/thumb/dp_case1_item.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <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 class="vLHTC pd_img" src="/images/mo/thumb/dp_case1_item.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <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 class="vLHTC pd_img" src="/images/mo/thumb/dp_case1_item.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <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 class="vLHTC pd_img" src="/images/mo/thumb/dp_case1_item.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-pagination"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
<div class="inner">
|
|
|
<div class="dp_listItems_wrap">
|
|
|
<h2 class="dp_subtitle"><a href="#none">겨울 아우터 추천템</a></h2>
|
|
|
@@ -759,9 +403,9 @@ if(goods1.length>0){
|
|
|
html += ' <h2 class="dp_subtitle">\n';
|
|
|
if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
|
|
|
if (template[i].linkOpenGb == 'M') { //본창
|
|
|
- html += ' <a href="http://'+template[i].linkUrl+'" target="_self">'+template[i].title+'</a>\n';
|
|
|
+ html += ' <a href="'+template[i].linkUrl+'" target="_self">'+template[i].title+'</a>\n';
|
|
|
}else{
|
|
|
- html += ' <a href="http://'+template[i].linkUrl+'" target="_blank">'+template[i].title+'</a>\n';
|
|
|
+ html += ' <a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+'</a>\n';
|
|
|
}
|
|
|
}else{
|
|
|
html += ' <a href="javascript:void(0)">'+template[i].title+'</a>\n';
|
|
|
@@ -808,11 +452,155 @@ if(goods1.length>0){
|
|
|
if($("#G082_50" +template[i].planContSq).length){
|
|
|
array.shift();
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
+}
|
|
|
+
|
|
|
+if(goods4.length>0){
|
|
|
+ var array = [];
|
|
|
+ var html = '';
|
|
|
+ for (var j = 0; j < template.length; j++) {
|
|
|
+ if(template[j].tmplType == 'G082_52'){
|
|
|
+ array.push(template[j].planContSq);
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
+ for (var i = 0; i < template.length; i++) {
|
|
|
+ if(template[i].tmplType == 'G082_52' && array[0] == template[i].planContSq && typeof array[0] != 'undefined'){
|
|
|
+ html += '<div class="dp_listItems_cont type2">';
|
|
|
+ if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
|
|
|
+ if (template[i].linkOpenGb == "M") { //본창
|
|
|
+ html += ' <h2 class="dp_subtitle"><a href="'+template[i].linkUrl+'" target="_self">'+template[i].title+' </a></h2>';
|
|
|
+ }else{
|
|
|
+ html += ' <h2 class="dp_subtitle"><a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+' </a></h2>';
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ html += ' <h2 class="dp_subtitle"><a href="javascript:void(0)">'+template[i].title+' </a></h2>';
|
|
|
+ }
|
|
|
+
|
|
|
+ html += ' <div class="swiper-container item02">';
|
|
|
+ html += ' <div class="swiper-wrapper">';
|
|
|
+ $.each(goods4, function(idx, item) {
|
|
|
+ html += ' <div class="swiper-slide">';
|
|
|
+ html += ' <div class="item_prod">';
|
|
|
+ html += ' <div class="item_state">';
|
|
|
+ html += ' <a onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">';
|
|
|
+ html += ' <div class="itemPic">';
|
|
|
+ html += ' <img class="vLHTC pd_img" src="'+ goodsView +'/'+item.sysImgNm +'">';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <p class="itemBrand">'+item.brandGroupNm+'</p>';
|
|
|
+ html += ' <div class="itemName">'+item.goodsNm+'</div>';
|
|
|
+ html += ' <p class="itemPrice">';
|
|
|
+ if (item.currPrice != item.listPrice) {
|
|
|
+ html += ' <span class="itemPrice_original">'+item.listPrice.addComma()+'</span>';
|
|
|
+ }
|
|
|
+
|
|
|
+ html += item.currPrice.addComma();
|
|
|
+ if (item.currPrice != item.listPrice) {
|
|
|
+ html += ' <span class="itemPercent">'+Math.floor(item.dcRate)+'%</span>';
|
|
|
+ }
|
|
|
+ html += ' </p>';
|
|
|
+ if(item.goodsTnm != null){
|
|
|
+ html += ' <div class="itemComment">'+item.goodsTnm+'</div>';
|
|
|
+ }
|
|
|
+
|
|
|
+ html += ' </a>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
+ })
|
|
|
+
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <div class="swiper-pagination"></div>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += '</div>';
|
|
|
+ $("#G082_52" +array[0]).append(html);
|
|
|
+ }
|
|
|
+ if($("#G082_52" +template[i].planContSq).length){
|
|
|
+ array.shift();
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
+if(review.length>0){
|
|
|
+
|
|
|
+ var html = '';
|
|
|
|
|
|
+ html += '<div class="dp_review_cont">\n';
|
|
|
+ html += ' <div class="dp_review">\n';
|
|
|
+ html += ' <h2 class="dp_subtitle">'+review[0].title+'</h2>\n';
|
|
|
+ html += ' <div class="review">\n';
|
|
|
+ html += ' <div class="swiper-container review_list">\n';
|
|
|
+ html += ' <div class="swiper-wrapper">\n';
|
|
|
+ $.each(review, function(idx, item) {
|
|
|
+ html += ' <div class="swiper-slide">\n';
|
|
|
+ html += ' <div>\n';
|
|
|
+ html += ' <div class="best_review">\n';
|
|
|
+ if(item.reviewSysImg!= null){
|
|
|
+ html += ' <a href="javascript:void();" onclick="cfGoodsReviewDetail(\''+item.goodsCd+'\',\'\', \'Y\',\''+item.reviewSq+'\');">\n';
|
|
|
+ }else{
|
|
|
+ html += ' <a href="javascript:void();">\n';
|
|
|
+ }
|
|
|
+ html += ' <div class="lap">\n';
|
|
|
+ html += ' <div class="pic">\n';
|
|
|
+ if(item.reviewSysImg!= null){
|
|
|
+ if (item.fileGb == 'M') {
|
|
|
+ html += ' <span class="thumb mov" style="background-image:url('+ imgUrl+item.reviewSysImg +');"></span>\n';
|
|
|
+ }else{
|
|
|
+ html += ' <span class="thumb" style="background-image:url('+ imgUrl +item.reviewSysImg +');"></span>\n';
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ html += ' <span class="thumb" style="background-image:url('+ goodsView+'/'+item.sysImgNm +');"></span>\n';
|
|
|
+ }
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="info">\n';
|
|
|
+ html += ' <div>\n';
|
|
|
+ html += ' <div class="star_score">\n';
|
|
|
+ html += ' <span class="star">\n';
|
|
|
+ html += ' <em class="progbar" style="width:'+(item.score*20)+'%;"></em>\n';
|
|
|
+ html += ' </span>\n';
|
|
|
+ if(item.bestYn == 'Y'){
|
|
|
+ html += ' <em class="ico ico_besttag"></em>\n';
|
|
|
+ }
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="txt_best_review">\n';
|
|
|
+ html += ' <p>'+item.reviewContent+'</p>';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="writer">\n';
|
|
|
+ html += ' <span class="wr_id">'+item.maskingCustId+'</span>\n';
|
|
|
+ html += ' <span class="wr_date">'+item.regDt+'</span>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </a>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="product_view">\n';
|
|
|
+ html += ' <div class="item_prod">\n';
|
|
|
+ html += ' <div class="item_state">\n';
|
|
|
+ html += ' <a href="javascript:void(0)" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">\n';
|
|
|
+ html += ' <div class="itemPic">\n';
|
|
|
+ html += ' <img alt="" class="vLHTC pd_img" src="'+ goodsView +'/'+item.sysImgNm +'">\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="itemName">'+item.goodsNm+'</div>\n';
|
|
|
+ html += ' <p class="itemPrice">\n';
|
|
|
+ html += ' <span class="itemPrice_sale">'+item.currPrice.addComma()+'</span>\n';
|
|
|
+ html += ' </p>\n';
|
|
|
+ html += ' </a>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ });
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="swiper-pagination"></div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += '</div>\n';
|
|
|
+
|
|
|
+
|
|
|
+ $("#G082_10").append(html);
|
|
|
}
|
|
|
/* 이미지 */
|
|
|
if(image.length>0){
|
|
|
@@ -825,9 +613,9 @@ if(image.length>0){
|
|
|
$.each(image, function(idx, item) {
|
|
|
html += ' <div class="swiper-slide">';
|
|
|
if (item.linkOpenGb == 'M') {
|
|
|
- html += ' <a href="http://'+item.linkUrl+'" target="_self"><img src="'+ imgUrl + item.itemVal +'?RS=1206" ></a>';
|
|
|
+ html += ' <a href="'+item.linkUrl+'" target="_self"><img src="'+ imgUrl + item.itemVal +'?RS=1206" ></a>';
|
|
|
}else{
|
|
|
- html += ' <a href="http://'+item.linkUrl+'" target="_blank"><img src="'+ imgUrl + item.itemVal +'?RS=1206" ></a>';
|
|
|
+ html += ' <a href="'+item.linkUrl+'" target="_blank"><img src="'+ imgUrl + item.itemVal +'?RS=1206" ></a>';
|
|
|
}
|
|
|
html += ' </div>';
|
|
|
});
|
|
|
@@ -858,7 +646,7 @@ if(coupon.length>0){
|
|
|
html += ' <div class="cp_top">';
|
|
|
html += ' <div class="cp_detail">';
|
|
|
html += ' <p class="tit">'+item.cpnNm+'</p>';
|
|
|
- html += ' <strong class="sale_t won_t"><span>'+item.dcVal+'</span>'+item.dcWay+'</strong>';
|
|
|
+ html += ' <strong class="sale_t won_t"><span>'+item.dcVal.addComma()+'</span>'+item.dcWay+'</strong>';
|
|
|
html += ' <p class="cp_cont">'+item.useCondition+'</p>';
|
|
|
html += ' <span class="cp_cnt">'+item.issueCondition+'</span>';
|
|
|
html += ' </div>';
|
|
|
@@ -872,7 +660,7 @@ if(coupon.length>0){
|
|
|
}
|
|
|
html += ' </div>';
|
|
|
html += ' <div class="cp_info">';
|
|
|
- html += ' <button type="button" id="modalBasic" class="btn_couponInfo_pop"><span>사용안내</span></button>';
|
|
|
+ html += ' <button type="button" id="modalBasic" class="btn_couponInfo_pop" onclick="usePlanInfoCoupon('+item.cpnId+')"><span>사용안내</span></button>';
|
|
|
html += ' </div>';
|
|
|
html += ' </li>';
|
|
|
});
|
|
|
@@ -904,6 +692,54 @@ var fnCornerClick = function (result1,result2) {
|
|
|
|
|
|
}
|
|
|
|
|
|
+//쿠폰 사용안내 모달
|
|
|
+var usePlanInfoCoupon = function (id) {
|
|
|
+ var data = {cpnId : id
|
|
|
+ ,planSq : plan.planSq};
|
|
|
+ var jsonData = JSON.stringify(data);
|
|
|
+
|
|
|
+ $.ajax( {
|
|
|
+ type : "POST",
|
|
|
+ url : '/planning/coupon/detailpop',
|
|
|
+ data : jsonData,
|
|
|
+ contentType: 'application/json',
|
|
|
+ dataType : 'html',
|
|
|
+ success : function(result) {
|
|
|
+ if (result != null) {
|
|
|
+ $("#couponInfoPop").html(result);
|
|
|
+ $("#couponInfoPop").modal("show");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ return false;
|
|
|
+}
|
|
|
+
|
|
|
+//쿠폰 다운로드
|
|
|
+var fnPlanCouponDown = function(obj){
|
|
|
+
|
|
|
+ if (!cfCheckLogin()) {
|
|
|
+ cfnGoToPage(_PAGE_LOGIN);
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ let cpnId = obj;
|
|
|
+ gagajf.ajaxJsonSubmit(_PAGE_PLANNING_CPN_DOWNLOAD, JSON.stringify({cpnId: cpnId}), fnPlanCouponCallBack);
|
|
|
+}
|
|
|
+
|
|
|
+// 쿠폰다운로드 콜백
|
|
|
+var fnPlanCouponCallBack = function(result){
|
|
|
+ console.log(result);
|
|
|
+ $.each(result.couponList, function (idx, item) {
|
|
|
+ if (Number(item.custPubLimitQty) > 0){
|
|
|
+ if (Number(item.custPubLimitQty) <= Number(item.custCouponCnt)){
|
|
|
+ $('#coupon_'+ item.cpnId).html('<span>받기완료</span>');
|
|
|
+ $('#coupon_'+ item.cpnId).attr('disabled', true);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
$(document).ready(function(){
|
|
|
$("#filter").text(planCornerList[0].cornerNm);
|
|
|
//상단 빅배너 슬라이드
|