|
@@ -546,37 +546,25 @@
|
|
|
<!-- 상품설명 노출 -->
|
|
<!-- 상품설명 노출 -->
|
|
|
<div class="descrp_box">
|
|
<div class="descrp_box">
|
|
|
<div class="desc_simple"> <!-- 상품 간략설명-->
|
|
<div class="desc_simple"> <!-- 상품 간략설명-->
|
|
|
- <span class="tit_desc">사이드 밴딩으로 편안한 만능 슬랙스!</span>
|
|
|
|
|
- <p class="ptxt01">
|
|
|
|
|
- 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다. 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다. 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다. 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다. 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다. 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다.
|
|
|
|
|
|
|
+ <span class="tit_desc" th:if="${goodsInfo.goodsTitle}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsTitle))}">사이드 밴딩으로 편안한 만능 슬랙스!</span>
|
|
|
|
|
+ <p class="ptxt01"th:if="${goodsInfo.goodsTitleDesc}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsTitleDesc))}">
|
|
|
|
|
+ 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다.
|
|
|
</p>
|
|
</p>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="desc_character"> <!-- 상품특징 -->
|
|
|
|
|
|
|
+ <div class="desc_character" th:if="${goodsInfo.goodsSpecialDesc}"> <!-- 상품특징 -->
|
|
|
<span class="tit_desc">상품특징</span>
|
|
<span class="tit_desc">상품특징</span>
|
|
|
- <p class="ptxt01">
|
|
|
|
|
- - 5가지(IV/BE/PK/BL/BK)의 파스텔톤의 따뜻한 컬러감<br>
|
|
|
|
|
- - 안감 폴라폴리스 소재를 사용하여 따뜻하고 부드러운 착용감<br>
|
|
|
|
|
- - 배색소재의 가슴패치 포켓으로 포인트를 줌<br>
|
|
|
|
|
- - 소매에 발열 안감을 사용하여 보온성을 높여주고, 착용 시 부드러운 촉감으로 편안함을 제공<br>
|
|
|
|
|
- - 디테일한 봉제 기법인 가이루빠 스티치 포인트 디자인<br>
|
|
|
|
|
|
|
+ <p class="ptxt01" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsSpecialDesc))}">
|
|
|
- 지퍼플러 장식을 더해 완성도를 높여줌
|
|
- 지퍼플러 장식을 더해 완성도를 높여줌
|
|
|
</p>
|
|
</p>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- //상품설명 노출 -->
|
|
<!-- //상품설명 노출 -->
|
|
|
- <!-- 관리자 에디터입력 내용 노출 -->
|
|
|
|
|
- <div class="mdhtml_box">
|
|
|
|
|
- <!-- html 작성내용 -->
|
|
|
|
|
- <a href="#" target="_blank"><img src="/images/pc/thumb/tmp_desc_bnr.jpg" width="1200" alt=""></a>
|
|
|
|
|
- <div style="height:100px"></div><!-- 여백용 html -->
|
|
|
|
|
- <div class="movblock">
|
|
|
|
|
- <iframe src="https://www.youtube.com/embed/uEc8Q800a7w" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div style="height:100px"></div><!-- 여백용 html -->
|
|
|
|
|
- <iframe width="560" height="315" src="https://www.youtube.com/embed/uEc8Q800a7w" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
|
|
|
|
|
- <div style="height:100px"></div><!-- 여백용 html -->
|
|
|
|
|
- <img src="/images/pc/thumb/tmp_desc_mds.jpg" alt="">
|
|
|
|
|
- <!-- //html 작성내용 -->
|
|
|
|
|
|
|
+ <!-- 관리자 에디터입력 내용 상단 html -->
|
|
|
|
|
+ <th:block th:if="${goodsNoticeList != null and !goodsNoticeList.empty}" ></th:block>
|
|
|
|
|
+ <div class="mdhtml_box" th:each="goodsNotice, status : ${goodsNoticeList}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsNotice.noticeContent))}">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- 관리자 에디터입력 내용 노출 상단 html -->
|
|
|
|
|
+ <div class="mdhtml_box" th:if="${goodsInfo.goodsTopDesc}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsTopDesc))}">
|
|
|
</div>
|
|
</div>
|
|
|
<!-- //관리자 에디터입력 내용 노출 -->
|
|
<!-- //관리자 에디터입력 내용 노출 -->
|
|
|
<!-- 착용컷 노출 -->
|
|
<!-- 착용컷 노출 -->
|
|
@@ -620,77 +608,38 @@
|
|
|
<!-- //라벨 노출 -->
|
|
<!-- //라벨 노출 -->
|
|
|
<!-- 브랜드 노출 -->
|
|
<!-- 브랜드 노출 -->
|
|
|
<div class="brand_box">
|
|
<div class="brand_box">
|
|
|
- <p class="name">TBJ 티비제이</p>
|
|
|
|
|
- <a href="" class="btn btn_default"><span>브랜드 홈 바로가기</span></a>
|
|
|
|
|
|
|
+ <p class="name" th:text="${goodsInfo.brandGroupNm}">TBJ 티비제이</p>
|
|
|
|
|
+ <a href="javascript:void(0);" class="btn btn_default" th:onclick="cfnGoToBrandMain([[${goodsInfo.brandGroupNo}]])" ><span>브랜드 홈 바로가기</span></a>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- //브랜드 노출 -->
|
|
<!-- //브랜드 노출 -->
|
|
|
<!-- 상품필수정보 노출 -->
|
|
<!-- 상품필수정보 노출 -->
|
|
|
- <div class="required_box">
|
|
|
|
|
|
|
+ <div class="required_box" th:if="${goodsNotiList != null and !goodsNotiList.empty}">
|
|
|
<div class="area_infotbl">
|
|
<div class="area_infotbl">
|
|
|
<span class="title">상품고시정보</span>
|
|
<span class="title">상품고시정보</span>
|
|
|
<div class="tbl type1 mt30">
|
|
<div class="tbl type1 mt30">
|
|
|
<table>
|
|
<table>
|
|
|
<tbody>
|
|
<tbody>
|
|
|
- <tr>
|
|
|
|
|
- <th>품목</th>
|
|
|
|
|
- <td>의류</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th>스타일</th>
|
|
|
|
|
- <td>F94U-MD01XA60F0</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th>시즌</th>
|
|
|
|
|
- <td>겨울</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th>제품소재</th>
|
|
|
|
|
- <td>[겉감1]폴리에스터100% [겉감2]폴리에스터100% [충전재1]솜털(거위)50% 깃털(거위)50% [충전재2]폴리에스터100%</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th>색상</th>
|
|
|
|
|
- <td>BR,NV,BK</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th>치수</th>
|
|
|
|
|
- <td>FREE(여성),95,100,105</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th>제조자/수입자</th>
|
|
|
|
|
- <td>㈜에프알제이</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th>제조국</th>
|
|
|
|
|
- <td>베트남</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th>세탁방법 및 취급시 주의사항</th>
|
|
|
|
|
- <td>본제품은 손세탁이 효과적입니다. (세탁라벨참고)</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th>제조연월</th>
|
|
|
|
|
- <td>2019-06</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th>품질보증기준</th>
|
|
|
|
|
- <td>관련법 및 소비자분쟁해결기준에 따름</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th>A/S 책임자와 전화번호</th>
|
|
|
|
|
- <td>(주)아이스타일24 1544-5336</td>
|
|
|
|
|
|
|
+ <tr th:each="goodsNoti, status : ${goodsNotiList}" >
|
|
|
|
|
+ <th th:text="${goodsNoti.niItemNm}">스타일</th>
|
|
|
|
|
+ <td th:text="${goodsNoti.niContent}">F94U-MD01XA60F0</td>
|
|
|
</tr>
|
|
</tr>
|
|
|
</tbody>
|
|
</tbody>
|
|
|
</table>
|
|
</table>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="area_kcl">
|
|
|
|
|
|
|
+ <div class="area_kcl" th:if="${goodsSafeNo != null}">
|
|
|
<i class="ico ico_kcl"></i>
|
|
<i class="ico ico_kcl"></i>
|
|
|
- <p class="tit normal">
|
|
|
|
|
|
|
+ <p class="tit normal" th:text="${goodsSafeNo.certDiv}">
|
|
|
어린이제품 안전인증 / 한국건설생활시험연구원(KCL)
|
|
어린이제품 안전인증 / 한국건설생활시험연구원(KCL)
|
|
|
</p>
|
|
</p>
|
|
|
- <p class="normal">
|
|
|
|
|
- 인증번호: CB123A123-1234
|
|
|
|
|
- <a href="http://www.safetykorea.kr/search/searchPop?certNum=XX00000-0000" target="_blank" class="linktxt3">상세보기</a>
|
|
|
|
|
|
|
+ <p class="normal" >
|
|
|
|
|
+ <th:block th:if="${goodsSafeNo.isCertNum}">
|
|
|
|
|
+ 인증번호: :CB123A123-1234
|
|
|
|
|
+ <a th:href="@{http://www.safetykorea.kr/search/searchPop(certNum=${goodsSafeNo.certNum})}" target="_blank" class="linktxt3">상세보기</a>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:unless="${goodsSafeNo.isCertNum}">
|
|
|
|
|
+ 해당사항 없음
|
|
|
|
|
+ </th:block>
|
|
|
</p>
|
|
</p>
|
|
|
<p class="t_info dot_info">
|
|
<p class="t_info dot_info">
|
|
|
해당 인증정보는 판매자가 등록한 것으로 등록정보에 대한 일체의 책임은 판매자에게 있습니다.
|
|
해당 인증정보는 판매자가 등록한 것으로 등록정보에 대한 일체의 책임은 판매자에게 있습니다.
|
|
@@ -703,27 +652,27 @@
|
|
|
<tbody>
|
|
<tbody>
|
|
|
<tr>
|
|
<tr>
|
|
|
<th>상품코드</th>
|
|
<th>상품코드</th>
|
|
|
- <td>14443216</td>
|
|
|
|
|
|
|
+ <td th:text="${goodsInfo.goodsCd}">14443216</td>
|
|
|
</tr>
|
|
</tr>
|
|
|
<tr>
|
|
<tr>
|
|
|
<th>상품구분</th>
|
|
<th>상품구분</th>
|
|
|
- <td>병행수입</td>
|
|
|
|
|
|
|
+ <td th:text="${goodsInfo.goodsGbNm}">병행수입</td>
|
|
|
</tr>
|
|
</tr>
|
|
|
<tr>
|
|
<tr>
|
|
|
<th>브랜드</th>
|
|
<th>브랜드</th>
|
|
|
- <td>TBJ</td>
|
|
|
|
|
|
|
+ <td th:text="${goodsInfo.brandGroupNm}">TBJ</td>
|
|
|
</tr>
|
|
</tr>
|
|
|
<tr>
|
|
<tr>
|
|
|
<th>상품명</th>
|
|
<th>상품명</th>
|
|
|
- <td>남성 테이퍼드 핏 겨울 기모면 스판 올 밴딩 팬츠</td>
|
|
|
|
|
|
|
+ <td th:text="${goodsInfo.goodsNm}">남성 테이퍼드 핏 겨울 기모면 스판 올 밴딩 팬츠</td>
|
|
|
</tr>
|
|
</tr>
|
|
|
<tr>
|
|
<tr>
|
|
|
<th>제조자</th>
|
|
<th>제조자</th>
|
|
|
- <td>한세엠케이(주)</td>
|
|
|
|
|
|
|
+ <td >한세엠케이(주)==============>노출필요성 확인</td>
|
|
|
</tr>
|
|
</tr>
|
|
|
<tr>
|
|
<tr>
|
|
|
<th>제조국</th>
|
|
<th>제조국</th>
|
|
|
- <td>베트남</td>
|
|
|
|
|
|
|
+ <td th:text="${goodsInfo.originNm}">베트남</td>
|
|
|
</tr>
|
|
</tr>
|
|
|
</tbody>
|
|
</tbody>
|
|
|
</table>
|
|
</table>
|
|
@@ -909,423 +858,53 @@
|
|
|
</div>
|
|
</div>
|
|
|
<!-- // 이 상품과 함께 본 상품 -->
|
|
<!-- // 이 상품과 함께 본 상품 -->
|
|
|
<!-- STYLE24의 스타일링 추천 -->
|
|
<!-- STYLE24의 스타일링 추천 -->
|
|
|
- <div class="content wide pd_recommend">
|
|
|
|
|
|
|
+ <div class="content wide pd_recommend" th:if="${lookbookList != null and !lookbookList.empty}">
|
|
|
<div class="cont_head">
|
|
<div class="cont_head">
|
|
|
<h3 class="subH1 t_c mb40">STYLE24의 스타일링 추천</h3>
|
|
<h3 class="subH1 t_c mb40">STYLE24의 스타일링 추천</h3>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="cont_body">
|
|
|
|
|
|
|
+ <div class="cont_body" th:with="ithrCd=aa , contentsLoc=bb ">
|
|
|
<!-- CONT-BODY -->
|
|
<!-- CONT-BODY -->
|
|
|
<div class="area_slider">
|
|
<div class="area_slider">
|
|
|
<div class="swiper-container">
|
|
<div class="swiper-container">
|
|
|
- <div class="swiper-wrapper">
|
|
|
|
|
|
|
+ <div class="swiper-wrapper" th:each="lookbook, status : ${lookbookList}">
|
|
|
<div class="swiper-slide">
|
|
<div class="swiper-slide">
|
|
|
<div class="page">
|
|
<div class="page">
|
|
|
<div class="pic">
|
|
<div class="pic">
|
|
|
<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook1.jpg');"></span>
|
|
<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook1.jpg');"></span>
|
|
|
<!-- 상품피커 -->
|
|
<!-- 상품피커 -->
|
|
|
- <div class="item_picker" style="left:10%; top:69%;">
|
|
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
|
|
- <div class="pick_descr">
|
|
|
|
|
- <a href="">
|
|
|
|
|
- 상품명11
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- //상품피커 -->
|
|
|
|
|
- <!-- 상품피커 -->
|
|
|
|
|
- <div class="item_picker" style="left:50%; top:40%;">
|
|
|
|
|
|
|
+ <th:block th:if="${lookbook.lookbookGoodsList != null and !lookbook.lookbookGoodsList.empty}"
|
|
|
|
|
+ th:each="lookbookGoods, status : ${lookbook.lookbookGoodsList}">
|
|
|
|
|
+ <div class="item_picker" th:style="${'left:'+lookbookGoods.xlim+'%; top:'+lookbookGoods.ylim+'%;'}">
|
|
|
<button type="button"><span class="ico ico_picker"></span></button>
|
|
<button type="button"><span class="ico ico_picker"></span></button>
|
|
|
<div class="pick_descr">
|
|
<div class="pick_descr">
|
|
|
- <a href="">
|
|
|
|
|
- 상품명12
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- //상품피커 -->
|
|
|
|
|
- <!-- 상품피커 -->
|
|
|
|
|
- <div class="item_picker" style="left:57%; top:62%;">
|
|
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
|
|
- <div class="pick_descr">
|
|
|
|
|
- <a href="">
|
|
|
|
|
- 상품명13
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- //상품피커 -->
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="item_wrap">
|
|
|
|
|
- <div class="item_area">
|
|
|
|
|
- <h5>
|
|
|
|
|
- 룩북 속 상품
|
|
|
|
|
- <span data-font="lato">(11)</span>
|
|
|
|
|
- </h5>
|
|
|
|
|
- <div class="li_item">
|
|
|
|
|
- <ul>
|
|
|
|
|
- <li>
|
|
|
|
|
- <div class="item_prod unable"> <!-- 판매불가 상품에 unable 추가 -->
|
|
|
|
|
- <div class="item_state">
|
|
|
|
|
- <a href="#none" class="itemLink">
|
|
|
|
|
- <div class="itemPic">
|
|
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
|
|
- <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
|
|
- <p class="itemPrice">
|
|
|
|
|
- 700,000
|
|
|
|
|
- <span class="itemPrice_original">1,000,000</span>
|
|
|
|
|
- <span class="itemPercent">30%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <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_pdLookbook_item1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
|
|
- <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
|
|
- <p class="itemPrice">
|
|
|
|
|
- 700,000
|
|
|
|
|
- <span class="itemPrice_original">1,000,000</span>
|
|
|
|
|
- <span class="itemPercent">30%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <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_pdLookbook_item1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
|
|
- <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
|
|
- <p class="itemPrice">
|
|
|
|
|
- 700,000
|
|
|
|
|
- <span class="itemPrice_original">1,000,000</span>
|
|
|
|
|
- <span class="itemPercent">30%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <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_pdLookbook_item1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
|
|
- <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
|
|
- <p class="itemPrice">
|
|
|
|
|
- 700,000
|
|
|
|
|
- <span class="itemPrice_original">1,000,000</span>
|
|
|
|
|
- <span class="itemPercent">30%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <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_pdLookbook_item1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
|
|
- <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
|
|
- <p class="itemPrice">
|
|
|
|
|
- 700,000
|
|
|
|
|
- <span class="itemPrice_original">1,000,000</span>
|
|
|
|
|
- <span class="itemPercent">30%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- <button type="button" class="btn btn_block btn_md"><span>모두 쇼핑백 담기</span></button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="swiper-slide">
|
|
|
|
|
- <div class="page">
|
|
|
|
|
- <div class="pic">
|
|
|
|
|
- <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
|
|
|
|
|
- <!-- 상품피커 -->
|
|
|
|
|
- <div class="item_picker" style="left:24%; top:69%;">
|
|
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
|
|
- <div class="pick_descr">
|
|
|
|
|
- <a href="">
|
|
|
|
|
- 상품명11
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- //상품피커 -->
|
|
|
|
|
- <!-- 상품피커 -->
|
|
|
|
|
- <div class="item_picker" style="left:50%; top:40%;">
|
|
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
|
|
- <div class="pick_descr">
|
|
|
|
|
- <a href="">
|
|
|
|
|
- 상품명12
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- //상품피커 -->
|
|
|
|
|
- <!-- 상품피커 -->
|
|
|
|
|
- <div class="item_picker" style="left:57%; top:62%;">
|
|
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
|
|
- <div class="pick_descr">
|
|
|
|
|
- <a href="">
|
|
|
|
|
- 상품명13
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- //상품피커 -->
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="item_wrap">
|
|
|
|
|
- <div class="item_area">
|
|
|
|
|
- <h5>
|
|
|
|
|
- 룩북 속 상품
|
|
|
|
|
- <span data-font="lato">(11)</span>
|
|
|
|
|
- </h5>
|
|
|
|
|
- <div class="li_item">
|
|
|
|
|
- <ul>
|
|
|
|
|
- <li>
|
|
|
|
|
- <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_pdLookbook_item1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
|
|
- <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
|
|
- <p class="itemPrice">
|
|
|
|
|
- 700,000
|
|
|
|
|
- <span class="itemPrice_original">1,000,000</span>
|
|
|
|
|
- <span class="itemPercent">30%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <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_pdLookbook_item1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
|
|
- <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
|
|
- <p class="itemPrice">
|
|
|
|
|
- 700,000
|
|
|
|
|
- <span class="itemPrice_original">1,000,000</span>
|
|
|
|
|
- <span class="itemPercent">30%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <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_pdLookbook_item1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
|
|
- <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
|
|
- <p class="itemPrice">
|
|
|
|
|
- 700,000
|
|
|
|
|
- <span class="itemPrice_original">1,000,000</span>
|
|
|
|
|
- <span class="itemPercent">30%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <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_pdLookbook_item1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
|
|
- <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
|
|
- <p class="itemPrice">
|
|
|
|
|
- 700,000
|
|
|
|
|
- <span class="itemPrice_original">1,000,000</span>
|
|
|
|
|
- <span class="itemPercent">30%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <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_pdLookbook_item1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
|
|
- <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
|
|
- <p class="itemPrice">
|
|
|
|
|
- 700,000
|
|
|
|
|
- <span class="itemPrice_original">1,000,000</span>
|
|
|
|
|
- <span class="itemPercent">30%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- <button type="button" class="btn btn_block btn_md"><span>모두 쇼핑백 담기</span></button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="swiper-slide">
|
|
|
|
|
- <div class="page">
|
|
|
|
|
- <div class="pic">
|
|
|
|
|
- <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
|
|
|
|
|
- <!-- 상품피커 -->
|
|
|
|
|
- <div class="item_picker" style="left:24%; top:69%;">
|
|
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
|
|
- <div class="pick_descr">
|
|
|
|
|
- <a href="">
|
|
|
|
|
- 상품명11
|
|
|
|
|
|
|
+ <a href="javascript:void(0);" ><th:block th:text="${lookbookGoods.goodsFullNm}"></th:block>
|
|
|
</a>
|
|
</a>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ </th:block>
|
|
|
<!-- //상품피커 -->
|
|
<!-- //상품피커 -->
|
|
|
- <!-- 상품피커 -->
|
|
|
|
|
- <div class="item_picker" style="left:50%; top:40%;">
|
|
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
|
|
- <div class="pick_descr">
|
|
|
|
|
- <a href="">
|
|
|
|
|
- 상품명12
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- //상품피커 -->
|
|
|
|
|
- <!-- 상품피커 -->
|
|
|
|
|
- <div class="item_picker" style="left:70%; top:62%;">
|
|
|
|
|
- <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
|
|
- <div class="pick_descr">
|
|
|
|
|
- <a href="">
|
|
|
|
|
- 상품명13
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- //상품피커 -->
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<div class="item_wrap">
|
|
<div class="item_wrap">
|
|
|
- <div class="item_area">
|
|
|
|
|
|
|
+ <div class="item_area" th:if="${lookbook.lookbookGoodsList != null and !lookbook.lookbookGoodsList.empty}">
|
|
|
<h5>
|
|
<h5>
|
|
|
룩북 속 상품
|
|
룩북 속 상품
|
|
|
- <span data-font="lato">(11)</span>
|
|
|
|
|
|
|
+ <span data-font="lato">(<th:block th:text="${#lists.size(lookbook.lookbookGoodsList)}"></th:block>)</span>
|
|
|
</h5>
|
|
</h5>
|
|
|
<div class="li_item">
|
|
<div class="li_item">
|
|
|
- <ul>
|
|
|
|
|
- <li>
|
|
|
|
|
- <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_pdLookbook_item1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
|
|
- <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
|
|
- <p class="itemPrice">
|
|
|
|
|
- 700,000
|
|
|
|
|
- <span class="itemPrice_original">1,000,000</span>
|
|
|
|
|
- <span class="itemPercent">30%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <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_pdLookbook_item1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
|
|
- <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
|
|
- <p class="itemPrice">
|
|
|
|
|
- 700,000
|
|
|
|
|
- <span class="itemPrice_original">1,000,000</span>
|
|
|
|
|
- <span class="itemPercent">30%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <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_pdLookbook_item1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
|
|
- <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
|
|
- <p class="itemPrice">
|
|
|
|
|
- 700,000
|
|
|
|
|
- <span class="itemPrice_original">1,000,000</span>
|
|
|
|
|
- <span class="itemPercent">30%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <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_pdLookbook_item1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
|
|
- <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
|
|
- <p class="itemPrice">
|
|
|
|
|
- 700,000
|
|
|
|
|
- <span class="itemPrice_original">1,000,000</span>
|
|
|
|
|
- <span class="itemPercent">30%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <div class="item_prod">
|
|
|
|
|
|
|
+ <ul >
|
|
|
|
|
+ <li th:each="lookbookGoods, status : ${lookbook.lookbookGoodsList}">
|
|
|
|
|
+ <div class="item_prod" th:classappend="${(lookbookGoods.stockQty <= 0 or lookbookGoods.soldoutYn == 'Y')}? 'unable' : ''"> <!-- 판매불가 상품에 unable 추가 -->
|
|
|
<div class="item_state">
|
|
<div class="item_state">
|
|
|
- <a href="#none" class="itemLink">
|
|
|
|
|
|
|
+ <a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${lookbookGoods.goodsCd}]], '',[[${ithrCd}]],[[${contentsLoc}]] )">
|
|
|
<div class="itemPic">
|
|
<div class="itemPic">
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+lookbookGoods.sysImgNm}">
|
|
|
</div>
|
|
</div>
|
|
|
- <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
|
|
- <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
|
|
|
|
+ <p class="itemBrand" th:text="${lookbookGoods.brandGroupNm}">CURLYSUE 컬리수</p>
|
|
|
|
|
+ <div class="itemName" th:text="${lookbookGoods.goodsFullNm}">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
<p class="itemPrice">
|
|
<p class="itemPrice">
|
|
|
- 700,000
|
|
|
|
|
- <span class="itemPrice_original">1,000,000</span>
|
|
|
|
|
- <span class="itemPercent">30%</span>
|
|
|
|
|
|
|
+ <th:block th:text="${#numbers.formatInteger(lookbookGoods.currPrice, 0,'COMMA')}"></th:block>
|
|
|
|
|
+ <span class="itemPrice_original" th:if="${lookbookGoods.listPrice > lookbookGoods.currPrice}" th:text="${#numbers.formatInteger(lookbookGoods.listPrice, 0,'COMMA')}">1,000,000</span>
|
|
|
|
|
+ <span class="itemPercent" th:if="${lookbookGoods.dcRate > 0}" th:text="|${#numbers.formatDecimal(lookbookGoods.dcRate,0,0)}%|">30%</span>
|
|
|
</p>
|
|
</p>
|
|
|
</a>
|
|
</a>
|
|
|
</div>
|
|
</div>
|
|
@@ -1338,6 +917,8 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- Add Pagination -->
|
|
<!-- Add Pagination -->
|