|
|
@@ -75,26 +75,19 @@
|
|
|
<div class="item_blk">
|
|
|
<div class="item_prod">
|
|
|
<div class="item_state">
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">NBA 키즈</p>
|
|
|
- <div class="itemName">
|
|
|
- <span class="tit_option">[상품1]</span>
|
|
|
- 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
|
|
|
- </div>
|
|
|
- <p class="itemText">
|
|
|
- <span class="tx1">(리뷰 9,999+)</span>
|
|
|
- </p>
|
|
|
- </a>
|
|
|
+ <a href="javascript:void(0)" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=80'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
|
|
|
+ </div>
|
|
|
+ <div class="itemName">선택</div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- //아이템 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="cont_body"></div>
|
|
|
+ <div class="cont_body" id="goodsDealReview"></div>
|
|
|
</div>
|
|
|
<!-- //상품리뷰 리스트 -->
|
|
|
<!-- 상품문의 리스트 -->
|
|
|
@@ -106,18 +99,11 @@
|
|
|
<div class="item_blk">
|
|
|
<div class="item_prod">
|
|
|
<div class="item_state">
|
|
|
- <a href="#none" class="itemLink">
|
|
|
+ <a href="javascript:void(0)" class="itemLink">
|
|
|
<div class="itemPic">
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">NBA 키즈</p>
|
|
|
- <div class="itemName">
|
|
|
- <span class="tit_option">[상품1]</span>
|
|
|
- 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
|
|
|
+ <img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=80'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
|
|
|
</div>
|
|
|
- <p class="itemText">
|
|
|
- <span class="tx1">(문의 9,999+)</span>
|
|
|
- </p>
|
|
|
+ <div class="itemName">선택</div>
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -125,7 +111,7 @@
|
|
|
<!-- //아이템 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="cont_body"></div>
|
|
|
+ <div class="cont_body" id="goodsDealQna"></div>
|
|
|
</div>
|
|
|
<!-- //상품문의 리스트 -->
|
|
|
<!-- 배송/교환/반품 정보 -->
|
|
|
@@ -137,15 +123,11 @@
|
|
|
<div class="item_blk">
|
|
|
<div class="item_prod">
|
|
|
<div class="item_state">
|
|
|
- <a href="#none" class="itemLink">
|
|
|
+ <a href="javascript:void(0)" class="itemLink">
|
|
|
<div class="itemPic">
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">NBA 키즈</p>
|
|
|
- <div class="itemName">
|
|
|
- <span class="tit_option">[상품1]</span>
|
|
|
- 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
|
|
|
+ <img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=80'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
|
|
|
</div>
|
|
|
+ <div class="itemName">선택</div>
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -153,15 +135,269 @@
|
|
|
<!-- //아이템 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="cont_body"></div>
|
|
|
+ <div class="cont_body" id="goodsDealDelivery" ></div>
|
|
|
</div>
|
|
|
<!-- //배송/교환/반품 정보 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+<!-- 딜리뷰제품리스트팝업 -->
|
|
|
+<div class="pd_pop list_pop pd_pop pd_listReview_pop" id="listReviewPop">
|
|
|
+ <div class="modal_content">
|
|
|
+ <div class="close">닫기</div>
|
|
|
+ <div class="listpop_body">
|
|
|
+ <!-- 아이템선택 -->
|
|
|
+ <div class="deal_list_select">
|
|
|
+ <ul class="list">
|
|
|
+ <li th:each="goodsInfo, status : ${goodsDealComposeList}"
|
|
|
+ th:attr="aria-disabled=${(goodsInfo.goodsStat != 'G008_90' or goodsInfo.stockQty <= 0)? 'true':''}, data-soldout=${(goodsInfo.stockQty <= 0)? 'true':''}"
|
|
|
+ th:onclick="fnSelGoodsDealReview([[${goodsInfo.compsGoodsCd}]])">
|
|
|
+ <div class="item_prod" th:attr="goodsCd=${goodsInfo.compsGoodsCd}">
|
|
|
+ <div class="item_state active">
|
|
|
+ <a href="javascript:void(0);" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=331'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
|
|
|
+ <div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 </div>
|
|
|
+ <div class="itemText">
|
|
|
+ <span class="tx1">(리뷰 <th:block th:text="${(goodsInfo.reviewRegCnt <= 9999) ? #numbers.formatInteger(goodsInfo.reviewRegCnt, 0,'COMMA') : '9,999+'}"></th:block>)</span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <input type="hidden" name="selectGoods" th:value="${goodsInfo.compsGoodsCd}" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //아이템선택 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<!-- //딜리뷰제품리스트팝업 -->
|
|
|
+
|
|
|
+<!-- 딜문의제품리스트팝업 -->
|
|
|
+<div class="pd_pop list_pop pd_pop pd_listQna_pop" id="listQnaPop">
|
|
|
+ <div class="modal_content">
|
|
|
+ <div class="close">닫기</div>
|
|
|
+ <div class="listpop_body">
|
|
|
+ <!-- 아이템선택 -->
|
|
|
+ <div class="deal_list_select">
|
|
|
+ <ul class="list">
|
|
|
+ <li th:each="goodsInfo, status : ${goodsDealComposeList}"
|
|
|
+ th:attr="aria-disabled=${(goodsInfo.goodsStat != 'G008_90' or goodsInfo.stockQty <= 0)? 'true':''}, data-soldout=${(goodsInfo.stockQty <= 0)? 'true':''}"
|
|
|
+ th:onclick="fnSelGoodsDealQna([[${goodsInfo.compsGoodsCd}]])">
|
|
|
+ <div class="item_prod" th:attr="goodsCd=${goodsInfo.compsGoodsCd}">
|
|
|
+ <div class="item_state active">
|
|
|
+ <a href="javascript:void(0);" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=331'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
|
|
|
+ <div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 </div>
|
|
|
+ <p class="itemText">
|
|
|
+ <span class="tx1">(문의 9,999+)</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemText">
|
|
|
+ <span class="tx1">(문의 <th:block th:text="${(goodsInfo.goodsQnaCnt <= 9999) ? #numbers.formatInteger(goodsInfo.goodsQnaCnt, 0,'COMMA') : '9,999+'}"></th:block>)</span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <input type="hidden" name="selectGoods" th:value="${goodsInfo.compsGoodsCd}" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //아이템선택 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<!-- //딜문의제품리스트팝업 -->
|
|
|
+
|
|
|
+<!-- 딜배송제품리스트팝업 -->
|
|
|
+<div class="pd_pop list_pop pd_pop pd_listDelivery_pop" id="listDeliveryPop">
|
|
|
+ <div class="modal_content">
|
|
|
+ <div class="close">닫기</div>
|
|
|
+ <div class="listpop_body">
|
|
|
+ <!-- 아이템선택 -->
|
|
|
+ <div class="deal_list_select">
|
|
|
+ <ul class="list">
|
|
|
+ <li th:each="goodsInfo, status : ${goodsDealComposeList}"
|
|
|
+ th:attr="aria-disabled=${(goodsInfo.goodsStat != 'G008_90' or goodsInfo.stockQty <= 0)? 'true':''}, data-soldout=${(goodsInfo.stockQty <= 0)? 'true':''}"
|
|
|
+ th:onclick="fnSelGoodsDealDelivery([[${goodsInfo.compsGoodsCd}]])">
|
|
|
+ <div class="item_prod" th:attr="goodsCd=${goodsInfo.compsGoodsCd}">
|
|
|
+ <div class="item_state active">
|
|
|
+ <a href="javascript:void(0);" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=331'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
|
|
|
+ <div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 </div>
|
|
|
+ </a>
|
|
|
+ <input type="hidden" name="selectGoods" th:value="${goodsInfo.compsGoodsCd}" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //아이템선택 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<!-- //딜배송제품리스트팝업 -->
|
|
|
+
|
|
|
+
|
|
|
<script th:inline="javascript">
|
|
|
/*<![CDATA[*/
|
|
|
|
|
|
+
|
|
|
+ // 구성 상품 상세 상품평
|
|
|
+ var fnGoodsDetailReview = function(params) {
|
|
|
+ gagajf.ajaxSubmit("/goods/detail/review/frame", "html", "goodsDealReview", params);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 상품평 상품선택시
|
|
|
+ var fnSelGoodsDealReview = function(goodsCd){
|
|
|
+ var params = new Object();
|
|
|
+ params.goodsCd = goodsCd;
|
|
|
+ fnGoodsDetailReview(params); // ajax html
|
|
|
+
|
|
|
+ $('.pd_pop.pd_listReview_pop').find('.deal_list_select .list li').each(function() {
|
|
|
+
|
|
|
+ if (goodsCd == $(this).find('input[name=selectGoods]').val()){
|
|
|
+ let tag = $(this).parent().parent().find('.item_prod').parent().html();
|
|
|
+ $('.tab_detail_cont.pd_review .item_blk').html(tag);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ // 구성 상품 상세 문의
|
|
|
+ var fnGoodsDetailQna = function(params) {
|
|
|
+ gagajf.ajaxSubmit("/goods/detail/qna/frame", "html", "goodsDealQna", params);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 문의 상품선택시
|
|
|
+ var fnSelGoodsDealQna = function(goodsCd){
|
|
|
+ var params = new Object();
|
|
|
+ params.goodsCd = goodsCd;
|
|
|
+ fnGoodsDetailQna(params); // ajax html
|
|
|
+
|
|
|
+ $('.pd_pop.pd_listQna_pop').find('.deal_list_select .list li').each(function() {
|
|
|
+ if (goodsCd == $(this).find('input[name=selectGoods]').val()){
|
|
|
+ $('.pd_pop.pd_listQna_pop').find('.deal_list_select .list li').removeClass('selected');
|
|
|
+ $(this).addClass('selected');
|
|
|
+ let tag = $(this).html();
|
|
|
+ $('.tab_detail_cont.pd_qnalist .item_blk').html(tag);
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
+ }
|
|
|
+
|
|
|
+ // 구성 상품 상세 배송정보
|
|
|
+ var fnGoodsDetailDelivery = function(params) {
|
|
|
+
|
|
|
+ gagajf.ajaxSubmit("/goods/detail/delivery/frame", "html", "goodsDealDelivery", params);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 배송정보 상품선택시
|
|
|
+ var fnSelGoodsDealDelivery = function(goodsCd){
|
|
|
+ var params = new Object();
|
|
|
+ params.goodsCd = goodsCd;
|
|
|
+ fnGoodsDetailDelivery(params); // ajax html
|
|
|
+
|
|
|
+ $('.pd_pop.pd_listDelivery_pop').find('.deal_list_select .list li').each(function() {
|
|
|
+
|
|
|
+ if (goodsCd == $(this).find('input[name=selectGoods]').val()){
|
|
|
+ $('.pd_pop.pd_listDelivery_pop').find('.deal_list_select .list li').removeClass('selected');
|
|
|
+ $(this).addClass('selected');
|
|
|
+ let tag = $(this).html();
|
|
|
+ $('.tab_detail_cont.pd_delivery .item_blk').html(tag);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ // 상품선택시 상품상세내용 변경
|
|
|
+ var fnOpenGoodsDealDetail = function(goodsCd, compsGoodsCd){
|
|
|
+
|
|
|
+ // 콤보박스 선택 처리
|
|
|
+ let $selObj = $('#layer_goods_deal_detail').find('.select_custom.deal_opt_item');
|
|
|
+
|
|
|
+ // 탭별 선택시 기본 상품 설정
|
|
|
+ let selIdx = 0;
|
|
|
+ let selfGoodsYn = '';
|
|
|
+ let currPrice = 0;
|
|
|
+ let soldoutYn = "N";
|
|
|
+ $selObj.find('.combo .list li').each(function() {
|
|
|
+ if ($(this).find('input[name=selectGoods]').val() == compsGoodsCd){
|
|
|
+ selfGoodsYn = $(this).find('input[name=selectGoods]').attr('selfGoodsYn');
|
|
|
+ currPrice = $(this).find('input[name=selectGoods]').attr('currPrice');
|
|
|
+ if ($(this).find('.item_prod').hasClass('soldout')) soldoutYn = "Y";
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ selIdx ++;
|
|
|
+ });
|
|
|
+
|
|
|
+ $selObj.find('.combo .list li').eq(selIdx).trigger("click");
|
|
|
+
|
|
|
+ // 상세노출
|
|
|
+ fnGoodsDealDesc(compsGoodsCd, currPrice, selfGoodsYn, soldoutYn);
|
|
|
+/*
|
|
|
+ if (!soldout){
|
|
|
+ // 옵션1 처리
|
|
|
+ fnOption1("layer", compsGoodsCd, currPrice, selfGoodsYn);
|
|
|
+ }
|
|
|
+ */
|
|
|
+
|
|
|
+ let $obj = $('.pd_detail .opt_result');
|
|
|
+ let $taget = $('.full_pop_fix_r .opt_result');
|
|
|
+ $taget.html($obj.html());
|
|
|
+
|
|
|
+ fnSetTotalPrice();
|
|
|
+
|
|
|
+ $('body').addClass('lock');
|
|
|
+ $("#layer_goods_deal_detail").show();
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ // 상세 레이어 창닫기
|
|
|
+ var fnCloseGoodsDealDetail = function(){
|
|
|
+ // 선택값 본창에 넘기기
|
|
|
+ let $obj = $('.full_pop_fix_r .opt_result');
|
|
|
+ let $taget = $('.pd_detail .opt_result');
|
|
|
+ $taget.html($obj.html());
|
|
|
+
|
|
|
+ fnSetTotalPrice();
|
|
|
+
|
|
|
+ $('body').removeClass('lock');
|
|
|
+ $('#goodsDealDetail').html('');
|
|
|
+ $("#layer_goods_deal_detail").hide();
|
|
|
+ }
|
|
|
+
|
|
|
+ // 구성 상품 상세
|
|
|
+ var fnGoodsDealDetail2 = function(params) {
|
|
|
+ gagajf.ajaxSubmit("/goods/deal/detail/info/frame", "html", "goodsDealDetail", params);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 레이어에서 상품선택시
|
|
|
+ var fnGoodsDealDesc = function(goodsCd, currPrice, selfGoodsYn , soldout){
|
|
|
+ var params = new Object();
|
|
|
+ params.goodsCd = goodsCd;
|
|
|
+ params.adminYn = "Y";
|
|
|
+ fnGoodsDealDetail2(params); // ajax html
|
|
|
+ if (soldout == "N"){
|
|
|
+ // 옵션1 처리
|
|
|
+ fnOption1("layer", goodsCd, currPrice, selfGoodsYn);
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ $(document).ready( function() {
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
|
|
|
/*]]>*/
|
|
|
</script>
|