|
|
@@ -42,11 +42,23 @@
|
|
|
<!-- 210409_ 구조변경 : .pd_info, .pd_info1 추가 -->
|
|
|
<div class="pd_info">
|
|
|
<div class="pd_info1" data-speed="10">
|
|
|
- <div class="inner wide" th:if="${goodsImgList != null and !goodsImgList.empty}">
|
|
|
+ <div class="inner wide" th:if="${(goodsImgList != null and !goodsImgList.empty) or (goodsVideoList != null and !goodsVideoList.empty)}">
|
|
|
<div class="thumb_box">
|
|
|
<div class="area_slider">
|
|
|
<div class="swiper-container thumb_list">
|
|
|
<div class="swiper-wrapper">
|
|
|
+ <th:block th:each="goodsVideo, status : ${goodsVideoList}">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="movbox">
|
|
|
+ <th:block th:if="${goodsVideo.videoGb == 'Y'}">
|
|
|
+ <iframe id="prodctThumbVideo" class="pd_mov" width="100%" height="100%" th:src="${'https://www.youtube.com/embed/'+goodsVideo.kmcKey+'?rel=0&autoplay=1&mute=1'}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${goodsVideo.videoGb == 'Y'}">
|
|
|
+ <iframe id="child" class="pd_mov" width="100%" height="100%" th:src="${kollusMediaUrl+'/'+goodsVideo.kmcKey +'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
<th:block th:each="goodsImg, status : ${goodsImgList}">
|
|
|
<div class="swiper-slide" th:if="${ not (#strings.contains(goodsImg.sysImgNm,'_S1')
|
|
|
or #strings.contains(goodsImg.sysImgNm,'_L1')
|
|
|
@@ -69,7 +81,6 @@
|
|
|
<p>
|
|
|
<span class="tt">남은시간</span>
|
|
|
<span class="timer">
|
|
|
- <em id="d-days">0</em>
|
|
|
<em id="d-hours">0</em>
|
|
|
<em id="d-minutes">0</em>
|
|
|
<em id="d-seconds">0</em>
|
|
|
@@ -106,7 +117,7 @@
|
|
|
<ul>
|
|
|
<li th:each="goodsOption1, status : ${goodsOption1List}">
|
|
|
<a href="javascript:void(0);" th:class="${params.colorCd == goodsOption1.optCd1}? 'on':''" th:onclick="cfnGoToGoodsDetail([[${goodsInfo.goodsCd}]], [[${goodsOption1.optCd1}]])"> <!-- 해당 컬러 상품페이지로 이동 -->
|
|
|
- <img th:src="${imgGoodsUrl+'/'+goodsOption1.sysImgNm+'?RS=50'}" alt="">
|
|
|
+ <img th:src="${imgGoodsUrl+'/'+goodsOption1.sysImgNm+'?RS=50'}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
@@ -137,7 +148,9 @@
|
|
|
(tmtbList != null and !tmtbList.empty) or
|
|
|
(freeGoodsList != null and !freeGoodsList.empty)}" >
|
|
|
<div class="benefit_box">
|
|
|
- <dl class="bnf_shopping" th:if="${(goodsCouponList != null and !goodsCouponList.empty) or (tmtbList != null and !tmtbList.empty)}">
|
|
|
+ <dl class="bnf_shopping" th:if="${(goodsCouponList != null and !goodsCouponList.empty) or
|
|
|
+ (tmtbList != null and !tmtbList.empty) or
|
|
|
+ (freeGoodsList != null and !freeGoodsList.empty)}" >
|
|
|
<dt>쇼핑혜택</dt>
|
|
|
<dd>
|
|
|
<th:block th:if="${goodsCouponList != null and !goodsCouponList.empty}">
|
|
|
@@ -154,11 +167,11 @@
|
|
|
</th:block>
|
|
|
<span th:if="${freeGoodsList != null and !freeGoodsList.empty}">
|
|
|
<th:block th:each="freeGoods, status : ${freeGoodsList}" th:if="${status.first}">
|
|
|
- <th:block th:text="${freeGoods.goodsNm}"></th:block> 증정 <th:block th:if="${freeGoods.allYn == 'Y'}" th:text="${'외 택1'}"></th:block></span>
|
|
|
+ <th:block th:text="${freeGoods.goodsNm}"></th:block> 증정 <th:block th:if="${freeGoods.allYn == 'N'}" th:text="${'외 택1'}"></th:block></span>
|
|
|
<button type="button" id="btn_bnfShopping_pop" class="btn_popup" th:onclick="cfGoodsShopBenefitInfo([[${goodsInfo.goodsCd}]])"><span>자세히</span></button>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
- <dl class="bnf_card">
|
|
|
+ <dl class="bnf_card" th:if="${cardInfoList != null and !cardInfoList.empty}">
|
|
|
<dt>카드혜택</dt>
|
|
|
<dd>
|
|
|
<th:block th:each="cardInfo, status : ${cardInfoList}">
|
|
|
@@ -502,7 +515,7 @@
|
|
|
<div class="inner">
|
|
|
|
|
|
<!-- 리뷰영역 -->
|
|
|
- <div class="riview_box">
|
|
|
+ <div class="riview_box" th:if="${reviewDisplayYn == 'Y'}">
|
|
|
<div class="ex_review">
|
|
|
<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>
|
|
|
@@ -635,13 +648,23 @@
|
|
|
<div class="swiper-container" th:if="${lookbook.lookbookGoodsList != null and !lookbook.lookbookGoodsList.empty}">
|
|
|
<div class="swiper-wrapper">
|
|
|
<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_prod" th:classappend="${(lookbookGoods.stockQty <= 0 or lookbookGoods.soldoutYn == 'Y')}? 'unable' : ''"
|
|
|
+ th:attr="goodsCd=${lookbookGoods.goodsCd}, optCdInfo=${lookbookGoods.optCdInfo},
|
|
|
+ minOrdQty=${lookbookGoods.minOrdQty}, goodsType=${lookbookGoods.goodsType},
|
|
|
+ ithrCd=${ithrCd}, contentsLoc=${contentsLoc}"> <!-- 판매불가 상품에 unable 추가 -->
|
|
|
<div class="item_state">
|
|
|
+ <th:block th:each="optCd : ${#strings.arraySplit(lookbookGoods.optCdInfo,',')}">
|
|
|
+ <input type="hidden" name="lookbookGoodsOptCd" th:value="${optCd}"/>
|
|
|
+ </th:block>
|
|
|
<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">
|
|
|
+ <th:block th:if="${(lookbookGoods.stockQty <= 0 or lookbookGoods.soldoutYn == 'Y')}">
|
|
|
+ <a href="javascript:void(0);" class="itemLink" >
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${(lookbookGoods.stockQty <= 0 or lookbookGoods.soldoutYn == 'Y')}">
|
|
|
+ <a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${lookbookGoods.goodsCd}]], '',[[${ithrCd}]],[[${contentsLoc}]] )">
|
|
|
+ </th:block>
|
|
|
<div class="itemPic">
|
|
|
- <img class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+lookbookGoods.sysImgNm}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
|
|
|
+ <img class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+lookbookGoods.sysImgNm+'?RS=96'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
|
|
|
</div>
|
|
|
<p class="itemBrand" th:text="${lookbookGoods.brandGroupNm}">BRAND NAME</p>
|
|
|
<div class="itemName" th:text="${lookbookGoods.goodsFullNm}">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
@@ -1677,34 +1700,91 @@
|
|
|
|
|
|
let $obj = $(obj);
|
|
|
let $target = $obj.parent().parent().parent().find('.swiper-container').find('.item_prod');
|
|
|
+ let goodsSize = $target.length;
|
|
|
let btnType = "C";
|
|
|
let params = [];
|
|
|
+ let goodsIdx = 0;
|
|
|
|
|
|
$target.each(function(){
|
|
|
+ goodsIdx ++;
|
|
|
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);
|
|
|
+ // 옵션확인
|
|
|
+ let goodsCnt = $(this).find('input[name=lookbookGoodsOptCd]').length;
|
|
|
+ if (goodsCnt == 1){
|
|
|
+ let arrOpt = $(this).find('input[name=lookbookGoodsOptCd]').val();
|
|
|
+ let arrOptInfo = arrOpt.split(':');
|
|
|
+
|
|
|
+ let obj = new Object();
|
|
|
+ obj.goodsCd = $(this).attr("goodsCd");
|
|
|
+ //obj.optCd = $(this).attr("optCd");
|
|
|
+ obj.optCd = arrOptInfo[1];
|
|
|
+ obj.goodsQty = $(this).attr("minOrdQty");
|
|
|
+ obj.goodsType = $(this).attr("goodsType");
|
|
|
+ obj.cartGb = btnType;
|
|
|
+ obj.afLinkCd = '';
|
|
|
+ obj.ithrCd = $(this).attr("ithrCd");
|
|
|
+ obj.contentsLoc = $(this).attr("contentsLoc");
|
|
|
+ obj.planDtlSq = '';
|
|
|
+ obj.multiGoodsGb = 'O' // 단품, 세트 혼합쇼핑백처리일경우, 마지막이 아닌경우는 'O'아니고 NULL 아닌값
|
|
|
+ if (goodsIdx == goodsSize){
|
|
|
+ obj.multiGoodsGb = 'E' // 단품, 세트 혼합쇼핑백처리일경우, 마지막이 아닌경우는 'O'아니고 NULL 아닌값
|
|
|
+ }
|
|
|
+ params.push(obj);
|
|
|
+
|
|
|
+ // 장바구니담기
|
|
|
+ cfnAddCart(params);
|
|
|
+ }else{
|
|
|
+ let $goods = $(this);
|
|
|
+ let cartGoodsList = [];
|
|
|
+ let compsList = [];
|
|
|
+ let goodsList = {
|
|
|
+ cartCompsList : new Array()
|
|
|
+ }
|
|
|
+
|
|
|
+ let arrInfo = $(this).find('input[name=lookbookGoodsOptCd]').val().split(','); // 상품코드단위
|
|
|
+
|
|
|
+
|
|
|
+ $.each(arrInfo, function(idx, item) {
|
|
|
+ let arrOptInfo = item.split(':');
|
|
|
+
|
|
|
+ let obj = new Object();
|
|
|
+ obj.cartGb = btnType;
|
|
|
+ obj.goodsType = $goods.attr("goodsType");
|
|
|
+ obj.goodsCd = $goods.attr("goodsCd");
|
|
|
+ obj.itemCd =arrOptInfo[0];
|
|
|
+ obj.optCd = arrOptInfo[1];
|
|
|
+ obj.goodsQty = $goods.attr("minOrdQty");
|
|
|
+ obj.afLinkCd = '';
|
|
|
+ obj.ithrCd = $goods.attr("ithrCd");
|
|
|
+ obj.contentsLoc = $goods.attr("contentsLoc");
|
|
|
+ obj.planDtlSq = ''
|
|
|
+ obj.multiGoodsGb = 'O' // 단품, 세트 혼합쇼핑백처리일경우, 마지막이 아닌경우는 'O'아니고 NULL 아닌값
|
|
|
+ if (goodsIdx == goodsSize){
|
|
|
+ obj.multiGoodsGb = 'E' // 단품, 세트 혼합쇼핑백처리일경우, 마지막이 아닌경우는 'O'아니고 NULL 아닌값
|
|
|
+ }
|
|
|
+ compsList.push(obj);
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ goodsList.cartCompsList = compsList;
|
|
|
+ cartGoodsList.push(goodsList);
|
|
|
+
|
|
|
+ // 장바구니담기
|
|
|
+ cfnAddCart(cartGoodsList);
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 장바구니담기
|
|
|
- if (params.length > 0){
|
|
|
+ /* if (params.length > 0){
|
|
|
cfnAddCart(params);
|
|
|
- }
|
|
|
+ } */
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
$(document).ready( function() {
|
|
|
|
|
|
$('.timer_box').css('display', 'none');
|
|
|
@@ -1764,10 +1844,9 @@
|
|
|
if (seconds < '10') { seconds = '0' + seconds; }
|
|
|
|
|
|
if (Number(days) > 0 ){
|
|
|
- $('#d-days').html(days);
|
|
|
- }else{
|
|
|
- $('#d-days').css('display','none');
|
|
|
+ hours = Number(hours) + (Number(days) * 24);
|
|
|
}
|
|
|
+
|
|
|
$('#d-hours').html(hours);
|
|
|
$('#d-minutes').html(minutes);
|
|
|
$('#d-seconds').html(seconds);
|
|
|
@@ -1902,6 +1981,12 @@
|
|
|
return false;
|
|
|
});
|
|
|
|
|
|
+ //관심상품 등록
|
|
|
+ $(document).on('click','.pd .itemLike',function(e){
|
|
|
+ $(this).toggleClass('active');
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
fnOptionSoldout();
|
|
|
|
|
|
// 광고 스크립트용
|
|
|
@@ -1982,6 +2067,47 @@
|
|
|
fnEpCouponDown([[${afLinkCd}]], [[${params.goodsCd}]], 1);
|
|
|
});
|
|
|
|
|
|
+ /* window.onload = function() {
|
|
|
+ try {
|
|
|
+ var controller = new VgControllerClient({
|
|
|
+ target_window: document.getElementById('child').contentWindow
|
|
|
+ });
|
|
|
+ //console.log(controller.get_screen());
|
|
|
+ //controller.enable_fullscreen_button(true);
|
|
|
+ // 여기서부터 이벤트 리스너를 등록하거나, 웹페이지 Element에 메소드를 bind하면 됩니다.
|
|
|
+ } catch(e) {
|
|
|
+ // Videogateweay Controller Library는 window.postMessage API를 이용하기 때문에
|
|
|
+ // 해당 기능을 지원하지 않는 웹브라우져에서는 동작하지 않습니다.
|
|
|
+ // 이 부분에 적절한 fail-over 코드를 추가하여 주십시요.
|
|
|
+ }
|
|
|
+ controller.mute();
|
|
|
+ controller.play();
|
|
|
+ controller.set_control_visibility(false);
|
|
|
+
|
|
|
+ $(window).scroll(function(){
|
|
|
+ var scrollTop= $(window).scrollTop();
|
|
|
+ var itemTop=$('.descript_box').offset().top;
|
|
|
+ var winHeight = $(window).height();
|
|
|
+ console.log(winHeight-scrollTop);
|
|
|
+ console.log(winHeight/1.5);
|
|
|
+ if (winHeight-scrollTop <= winHeight/1.5){
|
|
|
+ controller.pause();
|
|
|
+ } else {
|
|
|
+ controller.play();
|
|
|
+ controller.set_control_visibility(false);
|
|
|
+ }
|
|
|
+
|
|
|
+ controller.on('done', function() {
|
|
|
+ controller.play();
|
|
|
+ controller.set_control_visibility(false);
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ $(document).on('click','.pop_open_btn',function(){
|
|
|
+ $('.modal.photo_comment_popup .pop_detail').toggleClass('active');
|
|
|
+ });
|
|
|
+
|
|
|
+ }; */
|
|
|
/*]]>*/
|
|
|
</script>
|
|
|
|
eskim