|
|
@@ -165,7 +165,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="inner">
|
|
|
+ <div class="inner tmtb">
|
|
|
<div class="pd_together" id="goodsTmtbArea">
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -389,109 +389,37 @@
|
|
|
<!-- 리뷰영역 -->
|
|
|
<div class="riview_box">
|
|
|
<div class="ex_review">
|
|
|
- <a href="#none" id="btn_pdReview_pop">
|
|
|
- <span class="tit">리뷰 <em class="number">(9,999+)</em></span>
|
|
|
- <div class="star_score">
|
|
|
- <span class="star">
|
|
|
- <em class="progbar" style="width:86%;"></em> <!-- 평점 style로 표기 -->
|
|
|
+ <a href="javascript:void(0);" id="btn_pdReview_pop" th:onclick="cfGoodsReview([[${goodsInfo.goodsCd}]])">
|
|
|
+ <span class="tit">리뷰 <em class="number">(<th:block th:text="${(goodsInfo.reviewRegCnt <= 9999) ? #numbers.formatInteger(goodsInfo.reviewRegCnt, 0,'COMMA') : '9,999+'}"></th:block>)</em></span>
|
|
|
+ <div class="star_score" th:if="${goodsInfo.reviewRegCnt > 0 }">
|
|
|
+ <span class="star" th:with="starScore=${#numbers.formatDecimal((goodsInfo.score*100/5), 0,0)}">
|
|
|
+ <em class="progbar" th:style="${'width:'+starScore+'%;' }"></em> <!-- 평점 style로 표기 -->
|
|
|
</span>
|
|
|
- <span class="score">4.3점</span>
|
|
|
+ <span class="score" th:text="|${goodsInfo.score}점|">4.3점</span>
|
|
|
</div>
|
|
|
</a>
|
|
|
</div>
|
|
|
- <div class="area_slider" id="btn_pdBestReview_pop">
|
|
|
+ <div class="area_slider" id="btn_pdBestReview_pop" th:if="${bestReviewList != null and !bestReviewList.empty}">
|
|
|
<div class="swiper-container">
|
|
|
<div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide">
|
|
|
- <!-- 베스트 리뷰 등록시 노출 -->
|
|
|
- <div class="best_review">
|
|
|
- <a href="#none">
|
|
|
- <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="lap">
|
|
|
- <div class="pic">
|
|
|
- <span class="thumb mov" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
- </div>
|
|
|
- <div class="txt_best_review">
|
|
|
- <p>
|
|
|
- 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <!-- //베스트 리뷰 등록시 노출 -->
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <!-- 베스트 리뷰 등록시 노출 -->
|
|
|
- <div class="best_review">
|
|
|
- <a href="#none">
|
|
|
- <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="lap">
|
|
|
- <div class="pic">
|
|
|
- <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span>
|
|
|
- </div>
|
|
|
- <div class="txt_best_review">
|
|
|
- <p>
|
|
|
- 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <!-- //베스트 리뷰 등록시 노출 -->
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
+ <div class="swiper-slide" th:each="bestReview, status : ${bestReviewList}" >
|
|
|
<!-- 베스트 리뷰 등록시 노출 -->
|
|
|
<div class="best_review">
|
|
|
- <a href="#none">
|
|
|
- <div class="star_score">
|
|
|
+ <a href="javascript:void(0);">
|
|
|
+ <div class="star_score" th:with="starScore=${#numbers.formatDecimal((bestReview.score*100/5), 0,0)}">
|
|
|
<span class="star">
|
|
|
- <em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
|
|
|
+ <em class="progbar" th:style="${'width:'+starScore+'%;' }"></em> <!-- 평점 style로 표기 -->
|
|
|
</span>
|
|
|
<em class="ico ico_besttag"></em>
|
|
|
</div>
|
|
|
<div class="lap">
|
|
|
- <div class="pic">
|
|
|
- <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span>
|
|
|
+ <div class="pic" th:if="${bestReview.reviewAttachList != null and !bestReview.reviewAttachList.empty}">
|
|
|
+ <th:block th:each="reviewAttach, attachStatus : ${bestReview.reviewAttachList}" th:if="${attachStatus.first}">
|
|
|
+ <span class="thumb " th:classAppend="${(reviewAttach.fileGb == 'M') ? 'mov' :''}" th:style="${'background-image:url('+imgUrl+ reviewAttach.sysFileNm+');'}"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
+ </th:block>
|
|
|
</div>
|
|
|
<div class="txt_best_review">
|
|
|
- <p>
|
|
|
- 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <!-- //베스트 리뷰 등록시 노출 -->
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <!-- 베스트 리뷰 등록시 노출 -->
|
|
|
- <div class="best_review">
|
|
|
- <a href="#none">
|
|
|
- <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="lap">
|
|
|
- <div class="pic">
|
|
|
- <span class="thumb mov" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
- </div>
|
|
|
- <div class="txt_best_review">
|
|
|
- <p>
|
|
|
- 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
- </p>
|
|
|
+ <p th:text="${bestReview.reviewContent}">옷</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</a>
|
|
|
@@ -548,183 +476,31 @@
|
|
|
</div>
|
|
|
<!-- //이상품과 함께 본 상품영역-->
|
|
|
<!-- STYLE24의 스타일링 추천 -->
|
|
|
- <div class="pd_recommend">
|
|
|
+ <div class="pd_recommend" th:if="${lookbookList != null and !lookbookList.empty}">
|
|
|
<h3 class="tit">STYLE24의 스타일링 추천</h3>
|
|
|
<!-- 상품이미지pic -->
|
|
|
- <div class="area_slider pic_img">
|
|
|
+ <div class="area_slider pic_img" >
|
|
|
<div class="swiper-container">
|
|
|
<div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="page">
|
|
|
- <div class="pic">
|
|
|
- <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook1.jpg');"></span>
|
|
|
- <!-- 상품피커 -->
|
|
|
- <div class="item_picker" style="left:15.83%; top:68.33%;">
|
|
|
- <div>
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
- <div class="pick_descr">
|
|
|
- <a href="">
|
|
|
- 상품명11
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //상품피커 -->
|
|
|
- <!-- 상품피커 -->
|
|
|
- <div class="item_picker" style="left:45%; top:40%;">
|
|
|
- <div>
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
- <div class="pick_descr">
|
|
|
- <a href="">
|
|
|
- 상품명12
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //상품피커 -->
|
|
|
- <!-- 상품피커 -->
|
|
|
- <div class="item_picker" style="left:85%; top:62%;">
|
|
|
- <div>
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
- <div class="pick_descr" style="display: none;">
|
|
|
- <a href="">
|
|
|
- 상품명13
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //상품피커 -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="page">
|
|
|
- <div class="pic">
|
|
|
- <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook1.jpg');"></span>
|
|
|
- <!-- 상품피커 -->
|
|
|
- <div class="item_picker" style="left:15.83%; top:68.33%;">
|
|
|
- <div>
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
- <div class="pick_descr">
|
|
|
- <a href="">
|
|
|
- 상품명11
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //상품피커 -->
|
|
|
- <!-- 상품피커 -->
|
|
|
- <div class="item_picker" style="left:45%; top:40%;">
|
|
|
- <div>
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
- <div class="pick_descr">
|
|
|
- <a href="">
|
|
|
- 상품명12
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //상품피커 -->
|
|
|
- <!-- 상품피커 -->
|
|
|
- <div class="item_picker" style="left:85%; top:62%;">
|
|
|
- <div>
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
- <div class="pick_descr" style="display: none;">
|
|
|
- <a href="">
|
|
|
- 상품명13
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //상품피커 -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
+ <div class="swiper-slide" th:each="lookbook, status : ${lookbookList}">
|
|
|
<div class="page">
|
|
|
<div class="pic">
|
|
|
- <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook1.jpg');"></span>
|
|
|
+ <span class="thumb" th:style="${'background-image:url(' + imgUrl+ lookbook.sysFileNm+');'}"></span>
|
|
|
<!-- 상품피커 -->
|
|
|
- <div class="item_picker" style="left:15.83%; top:68.33%;">
|
|
|
+ <th:block th:if="${lookbook.lookbookGoodsList != null and !lookbook.lookbookGoodsList.empty}"
|
|
|
+ th:each="lookbookGoods, goodsStatus : ${lookbook.lookbookGoodsList}">
|
|
|
+ <div class="item_picker" th:style="${'left:'+lookbookGoods.xlim+'%; top:'+lookbookGoods.ylim+'%;'}" >
|
|
|
<div>
|
|
|
<button type="button"><span class="ico ico_picker"></span></button>
|
|
|
<div class="pick_descr">
|
|
|
- <a href="">
|
|
|
- 상품명11
|
|
|
- </a>
|
|
|
+ <a href="javascript:void(0)"><th:block th:text="${lookbookGoods.goodsFullNm}"></th:block></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- //상품피커 -->
|
|
|
- <!-- 상품피커 -->
|
|
|
- <div class="item_picker" style="left:45%; top:40%;">
|
|
|
- <div>
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
- <div class="pick_descr">
|
|
|
- <a href="">
|
|
|
- 상품명12
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //상품피커 -->
|
|
|
- <!-- 상품피커 -->
|
|
|
- <div class="item_picker" style="left:85%; top:62%;">
|
|
|
- <div>
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
- <div class="pick_descr" style="display: none;">
|
|
|
- <a href="">
|
|
|
- 상품명13
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //상품피커 -->
|
|
|
+ </th:block>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="page">
|
|
|
- <div class="pic">
|
|
|
- <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook1.jpg');"></span>
|
|
|
- <!-- 상품피커 -->
|
|
|
- <div class="item_picker" style="left:15.83%; top:68.33%;">
|
|
|
- <div>
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
- <div class="pick_descr">
|
|
|
- <a href="">
|
|
|
- 상품명11
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //상품피커 -->
|
|
|
- <!-- 상품피커 -->
|
|
|
- <div class="item_picker" style="left:45%; top:40%;">
|
|
|
- <div>
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
- <div class="pick_descr">
|
|
|
- <a href="">
|
|
|
- 상품명12
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //상품피커 -->
|
|
|
- <!-- 상품피커 -->
|
|
|
- <div class="item_picker" style="left:85%; top:62%;">
|
|
|
- <div>
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
- <div class="pick_descr" style="display: none;">
|
|
|
- <a href="">
|
|
|
- 상품명13
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //상품피커 -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- Add Pagination -->
|
|
|
@@ -733,388 +509,31 @@
|
|
|
</div>
|
|
|
<!-- //상품이미지pic -->
|
|
|
<!-- 상품이미지pic 리스트 -->
|
|
|
- <div class="area_slider pic_list">
|
|
|
- <div class="box">
|
|
|
- <div class="swiper-container">
|
|
|
+ <div class="area_slider pic_list" th:with="ithrCd=aa , contentsLoc=bb ">
|
|
|
+ <div class="box" th:each="lookbook, status : ${lookbookList}">
|
|
|
+ <div class="swiper-container" th:if="${lookbook.lookbookGoodsList != null and !lookbook.lookbookGoodsList.empty}">
|
|
|
<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 class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </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/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </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/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </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/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
+ <div class="swiper-slide" th:each="lookbookGoods, goodsStatus : ${lookbook.lookbookGoodsList}" >
|
|
|
+ <div class="item_prod" th:classappend="${(lookbookGoods.stockQty <= 0 or lookbookGoods.soldoutYn == 'Y')}? 'unable' : ''"
|
|
|
+ th:attr="goodsCd=${lookbookGoods.goodsCd}, optCd=${lookbookGoods.optCd}, minOrdQty=${lookbookGoods.minOrdQty}, goodsType=${lookbookGoods.goodsType}, ithrCd=${ithrCd}, contentsLoc=${contentsLoc}">
|
|
|
<div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
+ <button type="button" class="itemLike" th:classappend="${lookbookGoods.wishYn == 'Y'}? 'likeit active' : ''" onclick="cfnPutWishList(this);" th:attr="goodsCd=${lookbookGoods.goodsCd}, ithrCd=${ithrCd}, contentsLoc=${contentsLoc}, planDtlSq=''">관심상품 추가</button>
|
|
|
+ <a href="javascript:void(0)" class="itemLink">
|
|
|
<div class="itemPic">
|
|
|
- <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ <img class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+lookbookGoods.sysImgNm}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
|
|
|
</div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
+ <p class="itemBrand" th:text="${lookbookGoods.brandGroupNm}">BRAND NAME</p>
|
|
|
+ <div class="itemName" th:text="${lookbookGoods.goodsFullNm}">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice" th:text="${#numbers.formatInteger(lookbookGoods.currPrice, 0,'COMMA')}">80,100</p>
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="btn_group_flex">
|
|
|
- <div>
|
|
|
- <button type="button" class="btn btn_default"><span>모두 쇼핑백 담기</span></button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="box">
|
|
|
- <div class="swiper-container">
|
|
|
- <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 class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide swiper-slide-next">
|
|
|
- <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/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </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/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </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/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </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/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
<div class="btn_group_flex">
|
|
|
<div>
|
|
|
- <button type="button" class="btn btn_default"><span>모두 쇼핑백 담기</span></button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="box">
|
|
|
- <div class="swiper-container">
|
|
|
- <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 class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </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/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </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/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </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/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </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/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="btn_group_flex">
|
|
|
- <div>
|
|
|
- <button type="button" class="btn btn_default"><span>모두 쇼핑백 담기</span></button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="box">
|
|
|
- <div class="swiper-container">
|
|
|
- <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 class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </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/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </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/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </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/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </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/tmp_cartColor1.jpg" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- 80,100
|
|
|
- </p>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="btn_group_flex">
|
|
|
- <div>
|
|
|
- <button type="button" class="btn btn_default"><span>모두 쇼핑백 담기</span></button>
|
|
|
+ <button type="button" class="btn btn_default" onclick="fnAddCartLookBookGoods(this);"><span>모두 쇼핑백 담기</span></button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -1405,7 +824,7 @@
|
|
|
<div class="product_floormenu"><!-- ☞☞ 제품이 품절되면 soldout클래스 추가 -->
|
|
|
<div class="share_like">
|
|
|
<button type="button" class="share">공유하기</button>
|
|
|
- <!-- <th:block th:include="~{web/goods/GoodsIncludeFormWeb :: goodsSnsForm}"></th:block> -->
|
|
|
+ <!-- <th:block th:include="~{web/goods/GoodsIncludeFormMob :: goodsSnsForm}"></th:block> -->
|
|
|
<button type="button" class="like" th:classappend="${goodsInfo.wishYn == 'Y'}? 'active' : ''"
|
|
|
onclick="cfnPutWishList(this);"
|
|
|
th:attr="goodsCd=${params.goodsCd}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=${params.planDtlSq}">위시리스트</button>
|
|
|
@@ -2019,6 +1438,39 @@
|
|
|
cfnAddCart(params);
|
|
|
}
|
|
|
|
|
|
+ // 룩북속 상품 쇼핑백 담기
|
|
|
+ var fnAddCartLookBookGoods = function(obj){
|
|
|
+
|
|
|
+ let $obj = $(obj);
|
|
|
+ let $target = $obj.parent().parent().parent().find('.swiper-container').find('.item_prod');
|
|
|
+ let btnType = "C";
|
|
|
+ let params = [];
|
|
|
+
|
|
|
+ $target.each(function(){
|
|
|
+ if ($(this).hasClass('unable')) {
|
|
|
+
|
|
|
+ }else{
|
|
|
+
|
|
|
+ let obj = new Object();
|
|
|
+ obj.goodsCd = $(this).attr("goodsCd");
|
|
|
+ obj.optCd = $(this).attr("optCd");
|
|
|
+ obj.goodsQty = $(this).attr("minOrdQty");
|
|
|
+ obj.goodsType = $(this).attr("goodsType");
|
|
|
+ obj.cartGb = btnType;
|
|
|
+ obj.afLinkCd =$("#cartForm input[name=afLinkCd]").val();
|
|
|
+ obj.ithrCd = $(this).attr("ithrCd");
|
|
|
+ obj.contentsLoc = $(this).attr("contentsLoc");
|
|
|
+ obj.planDtlSq = '';
|
|
|
+ params.push(obj);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 장바구니담기
|
|
|
+ if (params.length > 0){
|
|
|
+ cfnAddCart(params);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
|
|
|
$(document).ready( function() {
|
|
|
|
|
|
@@ -2038,25 +1490,25 @@
|
|
|
params.goodsOtherGb = "tmtb";
|
|
|
params.ithrCd = "tmtb";
|
|
|
params.contentsLoc = "tmtb";
|
|
|
- //fnGoodsTmtbSearch(params);
|
|
|
+ fnGoodsTmtbSearch(params);
|
|
|
|
|
|
// 함께본 상품(ajax html)
|
|
|
params.goodsOtherGb = "together";
|
|
|
params.ithrCd = "tmtb";
|
|
|
params.contentsLoc = "tmtb";
|
|
|
- //fnGoodsTogetherSearch(params);
|
|
|
+ fnGoodsTogetherSearch(params);
|
|
|
|
|
|
// 추천 상품(ajax html)
|
|
|
params.goodsOtherGb = "recommend";
|
|
|
params.ithrCd = "tmtb";
|
|
|
params.contentsLoc = "tmtb";
|
|
|
- //fnGoodsRecommendSearch(params);
|
|
|
+ fnGoodsRecommendSearch(params);
|
|
|
|
|
|
// 비슷한 상품(ajax html)
|
|
|
params.goodsOtherGb = "like";
|
|
|
params.ithrCd = "tmtb";
|
|
|
params.contentsLoc = "tmtb";
|
|
|
- //fnGoodsLikeSearch(params);
|
|
|
+ fnGoodsLikeSearch(params);
|
|
|
|
|
|
// selecter
|
|
|
$(function(){
|
|
|
@@ -2099,92 +1551,6 @@
|
|
|
setInterval(function() { promotionTimer(); }, 1000);
|
|
|
}
|
|
|
|
|
|
- fnOptionSoldout();
|
|
|
-
|
|
|
- // 광고 스크립트용
|
|
|
- var goodsNavigation = [[${goodsNavigation}]];
|
|
|
- var cate1Nm = "";
|
|
|
- var cate2Nm = "";
|
|
|
- var cate3Nm = "";
|
|
|
- var cate4Nm = "";
|
|
|
- var cate5Nm = "";
|
|
|
- if (!gagajf.isNull(goodsNavigation)) {
|
|
|
- cate1Nm = goodsNavigation.cate1Nm;
|
|
|
- cate2Nm = goodsNavigation.cate2Nm;
|
|
|
- cate3Nm = goodsNavigation.cate3Nm;
|
|
|
- cate4Nm = goodsNavigation.cate4Nm;
|
|
|
- cate5Nm = goodsNavigation.cate3Nm;
|
|
|
-
|
|
|
- if (!gagajf.isNull(cate1Nm)) {
|
|
|
- cateNm += cate1Nm;
|
|
|
- }
|
|
|
- if (!gagajf.isNull(cate2Nm)) {
|
|
|
- cateNm += ' > ' + cate2Nm;
|
|
|
- }
|
|
|
- if (!gagajf.isNull(cate3Nm)) {
|
|
|
- cateNm += ' > ' + cate3Nm;
|
|
|
- }
|
|
|
- if (!gagajf.isNull(cate4Nm)) {
|
|
|
- cateNm += ' > ' + cate4Nm;
|
|
|
- }
|
|
|
- if (!gagajf.isNull(cate5Nm)) {
|
|
|
- cateNm += ' > ' + cate5Nm;
|
|
|
- }
|
|
|
- }
|
|
|
- // 광고 스크립트용
|
|
|
-
|
|
|
- var snsGoodsImg = _uploadGoodsUrl + [[${goodsInfo.sysImgNm}]];
|
|
|
- var snsUrl = location.protocol + _PAGE_GOODS_DETAIL + params.goodsCd +'&colorCd =' + params.colorCd ;
|
|
|
- var snsGoodsFullNm = [[${goodsInfo.goodsFullNm}]];
|
|
|
-
|
|
|
- <!-- 페이스북 카카오스토리 연동 관련 메타태그 -->
|
|
|
- $("meta[property='og:url']").attr('content', snsUrl);
|
|
|
- $("meta[property='og:title']").attr('content', snsGoodsFullNm);
|
|
|
- $("meta[property='og:description']").attr('content', snsGoodsFullNm);
|
|
|
- $("meta[property='og:image']").attr('content', snsGoodsImg);
|
|
|
-
|
|
|
- <!-- 트위터 관련 메타태그 -->
|
|
|
- $("meta[name='twitter:url']").attr('content', snsUrl);
|
|
|
- $("meta[name='twitter:title']").attr('content', snsGoodsFullNm);
|
|
|
- $("meta[name='twitter:description']").attr('content', snsGoodsFullNm);
|
|
|
- $("meta[name='twitter:image']").attr('content', snsGoodsImg);
|
|
|
-
|
|
|
- // 추천솔류션 meta 설정
|
|
|
- $("meta[property='eg:type']").attr('content',"product");
|
|
|
- $("meta[property='eg:cuid']").attr('content',eglqueueCuid);
|
|
|
- $("meta[property='eg:itemId']").attr('content', [[${goodsInfo.goodsCd}]] );
|
|
|
- $("meta[property='eg:itemName']").attr('content',[[${goodsInfo.goodsFullNm}]] );
|
|
|
- $("meta[property='eg:itemImage']").attr('content', snsGoodsImg);
|
|
|
- $("meta[property='eg:itemUrl']").attr('content',snsUrl);
|
|
|
- $("meta[property='eg:originalPrice']").attr('content',[[${goodsInfo.listPrice}]]);
|
|
|
- $("meta[property='eg:salePrice']").attr('content',[[${goodsInfo.currPrice}]]);
|
|
|
- $("meta[property='eg:category1']").attr('content',cate1Nm);
|
|
|
- $("meta[property='eg:category2']").attr('content',cate2Nm);
|
|
|
- $("meta[property='eg:category3']").attr('content',cate3Nm);
|
|
|
- $("meta[property='eg:category4']").attr('content',cate4Nm);
|
|
|
- $("meta[property='eg:category5']").attr('content',cate5Nm);
|
|
|
- $("meta[property='eg:brandId']").attr('content',[[${goodsInfo.brandGroupNo}]]);
|
|
|
- $("meta[property='eg:brandName']").attr('content',[[${goodsInfo.brandGroupNm}]]);
|
|
|
- $("meta[property='eg:regDate']").attr('content',[[${goodsInfo.regDt}]].toDate("YYYYMMDDHHmmss").format("YYYY-MM-DDTHH:mm:ssZ"));
|
|
|
- $("meta[property='eg:updateDate']").attr('content',[[${goodsInfo.updDt}]].toDate("YYYYMMDDHHmmss").format("YYYY-MM-DDTHH:mm:ssZ"));
|
|
|
- $("meta[property='eg:stock']").attr('content',"");
|
|
|
- $("meta[property='eg:state']").attr('content',[[${goodsInfo.goodsStatNm}]]);
|
|
|
- $("meta[property='eg:description']").attr('content',null);
|
|
|
- $("meta[property='eg:extraImage']").attr('content',null);
|
|
|
- $("meta[property='eg:locale']").attr('content',"KR");
|
|
|
- $("meta[property='eg:isNew']").attr('content',([[${goodsInfo.formalGb}]] == 'G009_10')? 'True' :'False');
|
|
|
- $("meta[property='eg:etc1']").attr('content', [[${goodsInfo.selfGoodsYn}]]);
|
|
|
-
|
|
|
-
|
|
|
- $('.btn_copy').bind('click', function() {
|
|
|
- copyToClipboard();
|
|
|
- });
|
|
|
-
|
|
|
- });
|
|
|
-
|
|
|
- // 상품 대표설명 > 좌측 상품썸네일 navi, 우측 상품정보 고정
|
|
|
- $(window).scroll(function(){
|
|
|
-
|
|
|
//상품상세정보 더보기
|
|
|
$(document).on('click','.pd_descrp .btn_more_box button',function(e){
|
|
|
$('.pd_descrp .cont_body').toggleClass('on');
|
|
|
@@ -2264,13 +1630,6 @@
|
|
|
},
|
|
|
});
|
|
|
|
|
|
- //팝업 - 배송교환반품 안내
|
|
|
- $(document).on('click','#btn_pdDelivery_Pop',function(e){
|
|
|
- $("#pdDeliveryPop").modal("show");
|
|
|
- $('#pdDeliveryPop .modal-body').load('pd_delivery_pop.html');
|
|
|
- return false;
|
|
|
- })
|
|
|
-
|
|
|
//팝업 - 리뷰
|
|
|
$(document).on('click','#btn_pdReview_pop',function(e){
|
|
|
$("#pdReviewPop").modal("show");
|
|
|
@@ -2296,37 +1655,6 @@
|
|
|
return false;
|
|
|
})
|
|
|
|
|
|
- //팝업 - 제품리뷰 > 카테고리팝오픈
|
|
|
- // 오픈
|
|
|
- $(document).on('click','.pd_review .category_open > li',function(e){
|
|
|
- var dataName=$(this).attr("data_name");
|
|
|
- $(".pd_review .category_box").show();
|
|
|
- $(".pd_review .category_list").find(".category").hide();
|
|
|
- $(".pd_review .category_list").find("#"+dataName).show();
|
|
|
- return false;
|
|
|
- });
|
|
|
- // 닫기
|
|
|
- $(document).on('click','.pd_review .category_box .category_close',function(e){
|
|
|
- $(".pd_review .category_box").hide();
|
|
|
- return false;
|
|
|
- });
|
|
|
- // 변경
|
|
|
- $(document).on('click','.pd_review .category ul > li',function(e){
|
|
|
- var num=$(".pd_review .category_open > li").length;
|
|
|
- var value=$(this).find("a").attr("data");
|
|
|
- var name=$(this).parent().parent().attr("id");
|
|
|
- $(this).parent().find("li").removeClass("active");
|
|
|
- $(this).addClass("active");
|
|
|
- for(var i=0; i < num; i++){
|
|
|
- var dataname=$(".pd_review .category_open > li").eq(i).attr("data_name");
|
|
|
- if(name==dataname){
|
|
|
- $(".pd_review .category_open > li").eq(i).find("span").text(value);
|
|
|
- }
|
|
|
- }
|
|
|
- return false;
|
|
|
- });
|
|
|
-
|
|
|
-
|
|
|
//팝업 - 구매하기 > 옵션선택 > 옵션셀렉트팝업
|
|
|
$(document).on('click','.Purchase_pop .option_result .option_open',function(e){
|
|
|
$(".Purchase_pop .pop_option_select").show();
|
|
|
@@ -2345,6 +1673,95 @@
|
|
|
$(this).next(".review_list").toggleClass('active');
|
|
|
return false;
|
|
|
});
|
|
|
+
|
|
|
+ fnOptionSoldout();
|
|
|
+
|
|
|
+ // 광고 스크립트용
|
|
|
+ var goodsNavigation = [[${goodsNavigation}]];
|
|
|
+ var cate1Nm = "";
|
|
|
+ var cate2Nm = "";
|
|
|
+ var cate3Nm = "";
|
|
|
+ var cate4Nm = "";
|
|
|
+ var cate5Nm = "";
|
|
|
+ if (!gagajf.isNull(goodsNavigation)) {
|
|
|
+ cate1Nm = goodsNavigation.cate1Nm;
|
|
|
+ cate2Nm = goodsNavigation.cate2Nm;
|
|
|
+ cate3Nm = goodsNavigation.cate3Nm;
|
|
|
+ cate4Nm = goodsNavigation.cate4Nm;
|
|
|
+ cate5Nm = goodsNavigation.cate3Nm;
|
|
|
+
|
|
|
+ if (!gagajf.isNull(cate1Nm)) {
|
|
|
+ cateNm += cate1Nm;
|
|
|
+ }
|
|
|
+ if (!gagajf.isNull(cate2Nm)) {
|
|
|
+ cateNm += ' > ' + cate2Nm;
|
|
|
+ }
|
|
|
+ if (!gagajf.isNull(cate3Nm)) {
|
|
|
+ cateNm += ' > ' + cate3Nm;
|
|
|
+ }
|
|
|
+ if (!gagajf.isNull(cate4Nm)) {
|
|
|
+ cateNm += ' > ' + cate4Nm;
|
|
|
+ }
|
|
|
+ if (!gagajf.isNull(cate5Nm)) {
|
|
|
+ cateNm += ' > ' + cate5Nm;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 광고 스크립트용
|
|
|
+
|
|
|
+ var snsGoodsImg = _uploadGoodsUrl + [[${goodsInfo.sysImgNm}]];
|
|
|
+ var snsUrl = location.protocol + _PAGE_GOODS_DETAIL + params.goodsCd +'&colorCd =' + params.colorCd ;
|
|
|
+ var snsGoodsFullNm = [[${goodsInfo.goodsFullNm}]];
|
|
|
+
|
|
|
+ <!-- 페이스북 카카오스토리 연동 관련 메타태그 -->
|
|
|
+ $("meta[property='og:url']").attr('content', snsUrl);
|
|
|
+ $("meta[property='og:title']").attr('content', snsGoodsFullNm);
|
|
|
+ $("meta[property='og:description']").attr('content', snsGoodsFullNm);
|
|
|
+ $("meta[property='og:image']").attr('content', snsGoodsImg);
|
|
|
+
|
|
|
+ <!-- 트위터 관련 메타태그 -->
|
|
|
+ $("meta[name='twitter:url']").attr('content', snsUrl);
|
|
|
+ $("meta[name='twitter:title']").attr('content', snsGoodsFullNm);
|
|
|
+ $("meta[name='twitter:description']").attr('content', snsGoodsFullNm);
|
|
|
+ $("meta[name='twitter:image']").attr('content', snsGoodsImg);
|
|
|
+
|
|
|
+ // 추천솔류션 meta 설정
|
|
|
+ $("meta[property='eg:type']").attr('content',"product");
|
|
|
+ $("meta[property='eg:cuid']").attr('content',eglqueueCuid);
|
|
|
+ $("meta[property='eg:itemId']").attr('content', [[${goodsInfo.goodsCd}]] );
|
|
|
+ $("meta[property='eg:itemName']").attr('content',[[${goodsInfo.goodsFullNm}]] );
|
|
|
+ $("meta[property='eg:itemImage']").attr('content', snsGoodsImg);
|
|
|
+ $("meta[property='eg:itemUrl']").attr('content',snsUrl);
|
|
|
+ $("meta[property='eg:originalPrice']").attr('content',[[${goodsInfo.listPrice}]]);
|
|
|
+ $("meta[property='eg:salePrice']").attr('content',[[${goodsInfo.currPrice}]]);
|
|
|
+ $("meta[property='eg:category1']").attr('content',cate1Nm);
|
|
|
+ $("meta[property='eg:category2']").attr('content',cate2Nm);
|
|
|
+ $("meta[property='eg:category3']").attr('content',cate3Nm);
|
|
|
+ $("meta[property='eg:category4']").attr('content',cate4Nm);
|
|
|
+ $("meta[property='eg:category5']").attr('content',cate5Nm);
|
|
|
+ $("meta[property='eg:brandId']").attr('content',[[${goodsInfo.brandGroupNo}]]);
|
|
|
+ $("meta[property='eg:brandName']").attr('content',[[${goodsInfo.brandGroupNm}]]);
|
|
|
+ $("meta[property='eg:regDate']").attr('content',[[${goodsInfo.regDt}]].toDate("YYYYMMDDHHmmss").format("YYYY-MM-DDTHH:mm:ssZ"));
|
|
|
+ $("meta[property='eg:updateDate']").attr('content',[[${goodsInfo.updDt}]].toDate("YYYYMMDDHHmmss").format("YYYY-MM-DDTHH:mm:ssZ"));
|
|
|
+ $("meta[property='eg:stock']").attr('content',"");
|
|
|
+ $("meta[property='eg:state']").attr('content',[[${goodsInfo.goodsStatNm}]]);
|
|
|
+ $("meta[property='eg:description']").attr('content',null);
|
|
|
+ $("meta[property='eg:extraImage']").attr('content',null);
|
|
|
+ $("meta[property='eg:locale']").attr('content',"KR");
|
|
|
+ $("meta[property='eg:isNew']").attr('content',([[${goodsInfo.formalGb}]] == 'G009_10')? 'True' :'False');
|
|
|
+ $("meta[property='eg:etc1']").attr('content', [[${goodsInfo.selfGoodsYn}]]);
|
|
|
+
|
|
|
+
|
|
|
+ $('.btn_copy').bind('click', function() {
|
|
|
+ copyToClipboard();
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ // 상품 대표설명 > 좌측 상품썸네일 navi, 우측 상품정보 고정
|
|
|
+ $(window).scroll(function(){
|
|
|
+
|
|
|
});
|
|
|
|
|
|
/*]]>*/
|