|
|
@@ -1,6 +1,5 @@
|
|
|
<!DOCTYPE html>
|
|
|
-<html lang="ko"
|
|
|
- xmlns:th="http://www.thymeleaf.org"
|
|
|
+<html lang="ko" xmlns:th="http://www.thymeleaf.org"
|
|
|
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
layout:decorator="web/common/layout/DefaultLayoutWeb">
|
|
|
<!--
|
|
|
@@ -17,33 +16,40 @@
|
|
|
*******************************************************************************
|
|
|
-->
|
|
|
<body>
|
|
|
-<th:block layout:fragment="content">
|
|
|
- <!-- container -->
|
|
|
- <div id="container" class="container dp">
|
|
|
- <div class="breadcrumb">
|
|
|
- <ul>
|
|
|
- <li class="bread_home"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
|
|
|
- <li class="bread_2depth"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">기획전</a></li>
|
|
|
- <li class="bread_2depth">[[${planInfo.planNm}]]</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="wrap">
|
|
|
- <div class="content wide"> <!-- 풀사이즈 -->
|
|
|
- <div class="cont_head">
|
|
|
- <div>
|
|
|
- <h3>[[${planInfo.planNm}]]</h3>
|
|
|
- <div>
|
|
|
- <a href="javascript:void(0)">sns share</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="cont_body">
|
|
|
- <div class="coner_content">
|
|
|
- <div class="coner_front">
|
|
|
- <div class="big_banner"></div> <!-- 상단배너 -->
|
|
|
- </div>
|
|
|
- <div class="coner_item01">
|
|
|
- <div class="dp_listItems_wrap"> <!-- 추천아이템 -->
|
|
|
+ <th:block layout:fragment="content">
|
|
|
+ <!-- container -->
|
|
|
+ <div id="container" class="container dp">
|
|
|
+ <div class="breadcrumb">
|
|
|
+ <ul>
|
|
|
+ <li class="bread_home"><a href="javascript:void(0);"
|
|
|
+ onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
|
|
|
+ <li class="bread_2depth"><a href="javascript:void(0);"
|
|
|
+ onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">기획전</a></li>
|
|
|
+ <li class="bread_2depth" th:text="${planInfo.planNm}"></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="wrap">
|
|
|
+ <div class="content wide dp_detail_case1">
|
|
|
+ <!-- 풀사이즈 -->
|
|
|
+ <div class="cont_head">
|
|
|
+ <div>
|
|
|
+ <h3 th:text="${planInfo.planNm}"></h3>
|
|
|
+ <div>
|
|
|
+ <a href="javascript:void(0)">sns share</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="coner_content">
|
|
|
+ <div class="coner_front">
|
|
|
+ <div class="promotion_visual" th:if="${fsrcInfoTop != null}" th:utext="${fsrcInfoTop.fsrcPc}"></div>
|
|
|
+ <!-- 상단배너 -->
|
|
|
+ </div>
|
|
|
+ <th:block th:each="a, template : ${templateOrd}">
|
|
|
+ <div class="coner_item01" th:id="${a.tmplType}"></div>
|
|
|
+ </th:block>
|
|
|
+ <!--<div class="coner_item01">
|
|
|
+ <div class="dp_listItems_wrap"> 추천아이템
|
|
|
<div>
|
|
|
<a href="javascript:void(0)">겨울 아우터 추천템</a>
|
|
|
</div>
|
|
|
@@ -62,296 +68,384 @@
|
|
|
<del>98,000</del>
|
|
|
<span class="percent">10%</span>
|
|
|
</div>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
<div class="ui_row">
|
|
|
- <button type="button" class="btn btn_default"><span>VIEW MORE</span></button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="dp_listItems">
|
|
|
- <div class="dp_listItems_img">
|
|
|
- <img src="/images/pc/thumb/dp_item02.jpg" alt="">
|
|
|
- </div>
|
|
|
- <div class="dp_listItems_info">
|
|
|
- <div class="dp_listItems_brand">NBA</div>
|
|
|
- <div class="dp_listItems_name">남성 유니 와플 패턴 코듀로이 숏기장 다운점퍼<br>(B204DW040P)</div>
|
|
|
- <div class="dp_listItems_price">
|
|
|
- <span class="price">79,900</span>
|
|
|
- <del>98,000</del>
|
|
|
- <span class="percent">10%</span>
|
|
|
- </div>
|
|
|
- <div class="ui_row">
|
|
|
- <button type="button" class="btn btn_default"><span>VIEW MORE</span></button>
|
|
|
+ <button type="button" class="btn btn_default"><span>자세히 보기</span></button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
- <div class="ui_row">
|
|
|
- <button type="button" class="btn btn_default"><span>더 많은 상품보기</span></button>
|
|
|
- </div>
|
|
|
</ul>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="coner_item02">
|
|
|
- <div class="dp_coupon_wrap">
|
|
|
- <div>
|
|
|
- <p>TBJ 시즌오프 기간한정 20% 할인쿠폰</p>
|
|
|
- </div>
|
|
|
- <div class="dp_coupon_list">
|
|
|
- <div class="dp_coupon_item">
|
|
|
- <div class="dp_coupon">
|
|
|
- <p>멤버십 10%할인쿠폰</p>
|
|
|
- <p>10%</p>
|
|
|
- <button></button>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a href="javascript:void(0)" id="coupon_pop">사용안내</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="dp_coupon_item">
|
|
|
- <div class="dp_coupon">
|
|
|
- <p>멤버십 10%할인쿠폰멤버십 10%할인쿠폰멤버십 10%할인쿠폰</p>
|
|
|
- <p>10%</p>
|
|
|
- <button></button>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a href="javascript:void(0)" id="coupon_pop2">사용안내</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="dp_coupon_item">
|
|
|
- <div class="dp_coupon">
|
|
|
- <p>멤버십 10%할인쿠폰멤버십 10%할인쿠폰멤버십 10%할인쿠폰</p>
|
|
|
- <p>10%</p>
|
|
|
- <button></button>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a href="javascript:void(0)" id="coupon_pop">사용안내</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="dp_coupon_item">
|
|
|
- <div class="dp_coupon">
|
|
|
- <p>멤버십 10%할인쿠폰멤버십 10%할인쿠폰멤버십 10%할인쿠폰</p>
|
|
|
- <p>10%</p>
|
|
|
- <button></button>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a href="javascript:void(0)" id="coupon_pop">사용안내</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="dp_coupon_item">
|
|
|
- <div class="dp_coupon">
|
|
|
- <p>멤버십 10%할인쿠폰멤버십 10%할인쿠폰멤버십 10%할인쿠폰</p>
|
|
|
- <p>10%</p>
|
|
|
- <button></button>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a href="javascript:void(0)" id="coupon_pop">사용안내</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="dp_coupon_item">
|
|
|
- <div class="dp_coupon">
|
|
|
- <p>멤버십 10%할인쿠폰멤버십 10%할인쿠폰멤버십 10%할인쿠폰</p>
|
|
|
- <p>10%</p>
|
|
|
- <button></button>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a href="javascript:void(0)" id="coupon_pop">사용안내</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="dp_coupon_tip">
|
|
|
- <div class="dp_coupon_notice">
|
|
|
- </div>
|
|
|
- <ul>
|
|
|
- <li>쿠폰 발급 기간 : 2020.09 ~ 2020.10.05</li>
|
|
|
- <li>쿠폰 사용 기간 : 2020.09 ~ 2020.10.05이며, 이후 자동 소멸됩니다.</li>
|
|
|
- <li>본 쿠폰은 해당 기획전 상품에만 적용 가능합니다.</li>
|
|
|
- <li>본 쿠폰은 해당 기획전 다운로드 버튼을 통해 발급받으실 수 있습니다.</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <div class="coner_visual">
|
|
|
- <div class="dp_banner_slide">
|
|
|
- <div class="post-wrapper dp_lookbook_case1"> <!-- 슬라이드case1 -->
|
|
|
- <div class="post"><img src="/images/pc/thumb/dp_slide_banner1.png"></div>
|
|
|
- <div class="post"><img src="/images/pc/thumb/dp_slide_banner1.png"></div>
|
|
|
- <div class="post"><img src="/images/pc/thumb/dp_slide_banner1.png"></div>
|
|
|
- <div class="post"><img src="/images/pc/thumb/dp_slide_banner1.png"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div> <!-- //풀사이즈 -->
|
|
|
- <div class="content">
|
|
|
- <div class="cont_head">
|
|
|
- <div class="bullet_sticky_nav">
|
|
|
- <ul>
|
|
|
- <li><a href="#23">모이몰른</a></li> <!-- 섹션이동 -->
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="item_header">
|
|
|
- <h3>겨울 아우터 재입고</h3>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div>-->
|
|
|
+ <!-- <div class="coner_item02">
|
|
|
+ <div class="coner_visual">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper ">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <img alt="" src="/images/pc/thumb/dp_slide_banner1.png">
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <img alt="" src="/images/pc/thumb/dp_slide_banner1.png">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-button-prev "></div>
|
|
|
+ <div class="swiper-button-next "></div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div> -->
|
|
|
+ <div class="coner_front">
|
|
|
+ <div class="promotion_visual" th:if="${fsrcInfoBtm != null}" th:utext="${fsrcInfoBtm.fsrcPc}"></div>
|
|
|
+ <!-- 하단배너 -->
|
|
|
+ </div>
|
|
|
+ <br> <br>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="cont_body">
|
|
|
- <div class="list_content">
|
|
|
- <div class="list_defult">
|
|
|
- <div>
|
|
|
- <p>등록된 기획전이 없습니다.</p>
|
|
|
- </div>
|
|
|
- <div class="ui_row">
|
|
|
- <button type="button" class="btn btn_default btn_md"><span>메인으로 가기</span></button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="itemsGrp"> <!-- itemsGrp rank hot deal -->
|
|
|
- <div class=" item_prod"> <!-- item_prod ranker d_detail -->
|
|
|
- <div class="item_state"> <!-- item_state AD soldout -->
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="BLUE-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
|
|
|
- <button type="button" class="itemLike active">관심상품 추가</button>
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <!-- //풀사이즈 -->
|
|
|
+ <div class="content dp_detail_list">
|
|
|
+ <div class="cont_head">
|
|
|
+ <div class="bullet_sticky_nav">
|
|
|
+ <ul>
|
|
|
+ <li><a href="#brand01">모이몰른</a></li>
|
|
|
+ <!-- 섹션이동 -->
|
|
|
+ <li><a href="#brand02">컬리수</a></li>
|
|
|
|
|
|
- <div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">488,000<!-- -->원</p>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="list_content">
|
|
|
+ <div id="brand01">
|
|
|
+ <div class="item_header">
|
|
|
+ <!-- 섹션이동 -->
|
|
|
+ <h4>모이몰른</h4>
|
|
|
+ </div>
|
|
|
+ <div class="itemsGrp">
|
|
|
+ <!-- itemsGrp rank hot deal -->
|
|
|
+ <div class=" item_prod">
|
|
|
+ <!-- item_prod ranker d_detail -->
|
|
|
+ <div class="item_state">
|
|
|
+ <!-- item_state AD soldout -->
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img"
|
|
|
+ src="/images/pc/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike likeit">관심상품
|
|
|
+ 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
|
- <div class="foot_banner_slide">
|
|
|
- <div>
|
|
|
- <p>다른 기획전 보기</p>
|
|
|
- <a href="javascript:void(0)" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">전체보기</a>
|
|
|
- </div>
|
|
|
- <div class="dp_banner_slide">
|
|
|
- <div class="post-wrapper dp_lookbook_case3"> <!-- 슬라이드case3 -->
|
|
|
- <th:block th:each="PlanData, PlanStat : ${planList}">
|
|
|
- <div class="post">
|
|
|
-
|
|
|
- <a href="#none" class="dp_lookbook_item" th:onclick="cfnGoToPage(_PAGE_PLANNING_DETAIL + '?planSq=' + [[${PlanData.planSq}]]);">
|
|
|
- <div>
|
|
|
- <img th:src="${@environment.getProperty('domain.image')+'/planning/'+PlanData.mainPimg}" style="width: 100%;" alt="">
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <th:block th:if="${PlanData.cnt > 1}">
|
|
|
- <p class="itemBrand">[[${PlanData.brand}]] 외</p>
|
|
|
- </th:block>
|
|
|
- <th:block th:if="${PlanData.cnt <= 1}">
|
|
|
- <p class="itemBrand">[[${PlanData.brand}]]</p>
|
|
|
- </th:block>
|
|
|
- <div class="itemName">[[${PlanData.planNm}]]</div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </th:block>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 488,000
|
|
|
+ <!-- -->
|
|
|
+ 원
|
|
|
+ </p>
|
|
|
+ <p class="itemBadge">
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
+ </p>
|
|
|
+ <div class="itemcolorchip">
|
|
|
+ <span class="chip_color35" value="ABM">BEIGE</span> <span
|
|
|
+ class="chip_color54" value="BDS">BLACK</span> <span
|
|
|
+ class="chip_color40" value="YBR">WHITE</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div id="brand02">
|
|
|
+ <div class="item_header">
|
|
|
+ <!-- 섹션이동 -->
|
|
|
+ <h4>컬리수</h4>
|
|
|
+ </div>
|
|
|
+ <div class="itemsGrp">
|
|
|
+ <!-- itemsGrp rank hot deal -->
|
|
|
+ <div class=" item_prod">
|
|
|
+ <!-- item_prod ranker d_detail -->
|
|
|
+ <div class="item_state">
|
|
|
+ <!-- item_state AD soldout -->
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img"
|
|
|
+ src="/images/pc/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike likeit">관심상품
|
|
|
+ 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 488,000
|
|
|
+ <!-- -->
|
|
|
+ 원
|
|
|
+ </p>
|
|
|
+ <p class="itemBadge">
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
+ </p>
|
|
|
+ <div class="itemcolorchip">
|
|
|
+ <span class="chip_color35" value="ABM">BEIGE</span> <span
|
|
|
+ class="chip_color54" value="BDS">BLACK</span> <span
|
|
|
+ class="chip_color40" value="YBR">WHITE</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <th:block th:if="${planCount > 0}">
|
|
|
+ <div class="content dp_foot_banner">
|
|
|
+ <div class="cont_head">
|
|
|
+ <div>
|
|
|
+ <p>다른 기획전 보기</p>
|
|
|
+ <a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">전체보기</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="foot_banner_slide">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <th:block th:each="PlanData, PlanStat : ${planList}">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <a th:onclick="planDetailSearch([[${PlanData.planSq}]])">
|
|
|
+ <div class="thumb">
|
|
|
+ <img th:src="${@environment.getProperty('domain.image')+'/planning/'+PlanData.mainPimg}" alt="${PlanData.planNm}">
|
|
|
+ </div>
|
|
|
+ <div class="txt">
|
|
|
+ <span class="brand" th:if="${PlanData.cnt > 1}" th:text="${PlanData.brand}+' 외'"></span>
|
|
|
+ <p class="tit" th:text="${PlanData.planNm}"></p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-button-prev"></div>
|
|
|
+ <div class="swiper-button-next"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- // container -->
|
|
|
<script th:inline="javascript">
|
|
|
-$(document).ready(function() {
|
|
|
- var error = [[${error}]];
|
|
|
- console.log("====" + error);
|
|
|
+let review = [[${reviewInfo}]];
|
|
|
+let coupon = [[${couponInfo}]];
|
|
|
+let plan = [[${planInfo}]];
|
|
|
+
|
|
|
+if(review != null || review != ''){
|
|
|
+
|
|
|
+ var html = '';
|
|
|
+
|
|
|
+
|
|
|
+ html += '<div class="dp_review_cont">';
|
|
|
+ html += ' <div class="dp_review">';
|
|
|
+ html += ' <h2 class="dp_subtitle">'+review[0].title+'</h2>';
|
|
|
+ html += ' <div class="review_list">';
|
|
|
|
|
|
- if(error!= null){
|
|
|
- mcxDialog.alert(error);
|
|
|
+
|
|
|
+ for (var i = 0; i < review.length; i++) {
|
|
|
+ html += ' <div>';
|
|
|
+ html += ' <div class="best_review">';
|
|
|
+ html += ' <a href="javascript:void();" onclick="fnPlanReviewDetail(\''+review[i].reviewSq+'\');">';
|
|
|
+ html += ' <div class="lap">';
|
|
|
+ html += ' <div class="pic">';
|
|
|
+ html += ' <span class="thumb"';
|
|
|
+ html += ' style="background-image: url('+ _imgUrl + review[i].reviewSysImg +');"></span>';
|
|
|
+ html += ' <!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <div class="info">';
|
|
|
+ html += ' <div>';
|
|
|
+ html += ' <div class="star_score">';
|
|
|
+ html += ' <span class="star"> <em class="progbar"';
|
|
|
+ html += ' style="width:'+(review[i].score*20)+'%;"></em> <!-- 평점 style로 표기 -->';
|
|
|
+ html += ' </span>';
|
|
|
+ if(review[i].bestYn == 'Y'){
|
|
|
+ html += '<em class="ico ico_besttag"></em>';
|
|
|
+ }
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <div class="txt_best_review">';
|
|
|
+ html += ' <p>'+review[i].reviewContent+'</p>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <div class="writer">';
|
|
|
+ html += ' <span class="wr_id">'+review[i].maskingCustId+'</span><span';
|
|
|
+ html += ' class="wr_date">'+review[i].regDt+'</span>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </a>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <div class="product_view">';
|
|
|
+ html += ' <div class="item_prod">';
|
|
|
+ html += ' <div class="item_state">';
|
|
|
+ html += ' <a href="#none" class="itemLink">';
|
|
|
+ html += ' <div class="itemPic">';
|
|
|
+ html += ' <img alt="" class="vLHTC pd_img" src="'+ _imgUrl +'/'+review[i].sysImgNm +'">';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <div class="itemName">'+review[i].goodsNm+'</div>';
|
|
|
+ html += ' <p class="itemPrice">'+review[i].currPrice+'원</p>';
|
|
|
+ html += ' </a>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
}
|
|
|
-});
|
|
|
-</script>
|
|
|
-<script>
|
|
|
-// header scroll
|
|
|
-$(function(){
|
|
|
- $(window).scroll(function(){
|
|
|
- var scroll = $(this).scrollTop();
|
|
|
- var headerH = $(".header").height();
|
|
|
- if ($(window).scrollTop() > headerH){
|
|
|
- $(".header").addClass("minify");
|
|
|
- return false;
|
|
|
+
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += '</div>';
|
|
|
+
|
|
|
+ $("#G082_10").append(html);
|
|
|
+}
|
|
|
+
|
|
|
+if(coupon != null || coupon != ''){
|
|
|
+ var html = '';
|
|
|
+
|
|
|
+ html += '<div class="coner_item02">';
|
|
|
+ html += ' <div class="dp_coupon_wrap">';
|
|
|
+ html += ' <div>';
|
|
|
+ html += ' <p>'+coupon[0].title+'</p>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <div class="coupon_list inner">';
|
|
|
+ html += ' <ul class="clear">';
|
|
|
+ for (var i = 0; i < coupon.length; i++) {
|
|
|
+ html += ' <li>';
|
|
|
+ html += ' <div class="coupon">';
|
|
|
+ html += ' <div>';
|
|
|
+ html += ' <p class="cp_name">'+coupon[i].cpnNm+'</p>';
|
|
|
+ html += ' <p class="cp_cont">';
|
|
|
+ if (coupon[i].dcWay == '할인율') {
|
|
|
+ html += ' <span> <span><em>'+coupon[i].dcPval+'%</em></span>';
|
|
|
+ }else{
|
|
|
+ html += ' <span><em>'+coupon[i].dcPval+'</em>원</span>';
|
|
|
}
|
|
|
- else {
|
|
|
- $(".header").removeClass("minify");
|
|
|
- return false;
|
|
|
+
|
|
|
+
|
|
|
+ html += ' </p>';
|
|
|
+ html += ' <p class="cp_condition">'+coupon[i].buyLimitAmt+'원 이상 구매 시 최대 ' +coupon[i].maxDcAmt +'원 할인';
|
|
|
+ if (coupon[i].custPubLimitQty != 0) {
|
|
|
+ html += ' <span>1인 최대 '+coupon[i].custPubLimitQty+'장</span>';
|
|
|
}
|
|
|
- });
|
|
|
-});
|
|
|
- </script>
|
|
|
-<script>
|
|
|
- $(document).ready( function() {
|
|
|
- $(window).scroll(function(){
|
|
|
- var navOffset = $('.item_header').offset().top - $('.bullet_sticky_nav').height();
|
|
|
- var windScroll = $(window).scrollTop();
|
|
|
- if (windScroll > navOffset){
|
|
|
- $(".bullet_sticky_nav").addClass("sticky");
|
|
|
- }
|
|
|
- else {
|
|
|
- $(".bullet_sticky_nav").removeClass("sticky");
|
|
|
- }
|
|
|
- $("#shiping_pop").click(function() {
|
|
|
- $("#Bulletship_modal").modal("show");
|
|
|
- });
|
|
|
- });
|
|
|
- });
|
|
|
+
|
|
|
+ html += ' </p>';
|
|
|
+ html += ' </div>';
|
|
|
+ if (coupon[i].couponStat == '쿠폰받기') {
|
|
|
+ html += ' <button type="button"';
|
|
|
+ html += ' class="btn btn_dark btn_block btn_coupon_down">'; /* btn_coupon_done */
|
|
|
+ html += ' <span>쿠폰받기</span>'; /* 받기완료 */
|
|
|
+ html += ' </button>';
|
|
|
+ }else{
|
|
|
+ html += ' <button type="button"';
|
|
|
+ html += ' class="btn btn_dark btn_block btn_coupon_done" disabled>';
|
|
|
+ html += ' <span>받기완료</span>';
|
|
|
+ html += ' </button>';
|
|
|
+ }
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <button type="button" class="btn_underline"';
|
|
|
+ html += ' id="btn_cpinfo_pop">';
|
|
|
+ html += ' <span>사용안내</span>';
|
|
|
+ html += ' </button>';
|
|
|
+ html += ' </li>';
|
|
|
+ }
|
|
|
+ html += ' </ul>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <div class="announce_txt inner">';
|
|
|
+ html += ' <div class="note_txt">';
|
|
|
+ html += ' <img src="/images/pc/ico_content_find.png" alt="유의사항">';
|
|
|
+ html += ' <p>유의사항</p>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <div class="announce_list">';
|
|
|
+ html += ' <ul>';
|
|
|
+ html += ' <li>쿠폰 발급 기간 :'+ plan.dispStdt +'~'+ plan.dispEddt +'</li>';
|
|
|
+ html += ' <li>본 쿠폰은 해당 기획전 상품에만 적용 가능합니다.</li>';
|
|
|
+ html += ' <li>본 쿠폰은 해당 기획전 다운로드 버튼을 통해 발급받으실 수 있습니다.</li>';
|
|
|
+ html += ' </ul>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <br>';
|
|
|
+ html += ' <br>';
|
|
|
+ html += '</div>';
|
|
|
+ html += '</div>';
|
|
|
+
|
|
|
+
|
|
|
+ $("#G082_20").append(html);
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
</script>
|
|
|
-<script>
|
|
|
- $(function(){
|
|
|
- $('.dp_lookbook_case1').slick({
|
|
|
- dots: true,
|
|
|
- infinite: true,
|
|
|
- speed: 300,
|
|
|
- slidesToShow: 1,
|
|
|
- adaptiveHeight: true
|
|
|
+ <script type="text/javascript">
|
|
|
+ // 컨텐츠 호출
|
|
|
+ $(document).ready( function() {
|
|
|
+ $("#header").load("head.html");
|
|
|
+ $("#footer").load("foot.html");
|
|
|
});
|
|
|
- $('.dp_lookbook_case2').slick({
|
|
|
- dots: true,
|
|
|
- infinite: true,
|
|
|
- speed: 300,
|
|
|
- slidesToShow: 2,
|
|
|
- slidesToScroll: 1,
|
|
|
- adaptiveHeight: true,
|
|
|
- variableWidth:true
|
|
|
- });
|
|
|
- $('.dp_lookbook_case3').slick({
|
|
|
- dots: false,
|
|
|
- infinite: true,
|
|
|
- speed: 300,
|
|
|
- slidesToShow: 5,
|
|
|
- slidesToScroll: 1,
|
|
|
- adaptiveHeight: true
|
|
|
- });
|
|
|
- $('.dp_lookbook_case4').slick({
|
|
|
- dots: true,
|
|
|
- infinite: true,
|
|
|
- speed: 300,
|
|
|
- slidesToShow: 1,
|
|
|
- adaptiveHeight: true
|
|
|
+
|
|
|
+ $(document).ready( function() {
|
|
|
+ $(window).scroll(function(){
|
|
|
+ var navOffset = $('.item_header').offset().top - $('.bullet_sticky_nav').height();
|
|
|
+ var windScroll = $(window).scrollTop();
|
|
|
+ if (windScroll > navOffset){
|
|
|
+ $(".bullet_sticky_nav").addClass("sticky");
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ $(".bullet_sticky_nav").removeClass("sticky");
|
|
|
+ }
|
|
|
+ $("#shiping_pop").click(function() {
|
|
|
+ $("#Bulletship_modal").modal("show");
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ /* SLIDE - WIDE BANNER */
|
|
|
+ var br_bn_slide = new Swiper ('.coner_visual .swiper-container', {
|
|
|
+ loop: true,
|
|
|
+ slidesPerView: 1,
|
|
|
+ speed : 1500,
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.coner_visual .swiper-button-next',
|
|
|
+ prevEl: '.coner_visual .swiper-button-prev',
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ el: '.coner_visual .swiper-pagination',
|
|
|
+ clickable: true,
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ var dp_foot_banner_slide = new Swiper ('.dp_foot_banner .swiper-container', {
|
|
|
+ loop: false,
|
|
|
+ slidesPerView: 5,
|
|
|
+ spaceBetween: 20,
|
|
|
+ speed : 800,
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.dp_foot_banner .swiper-button-next',
|
|
|
+ prevEl: '.dp_foot_banner .swiper-button-prev',
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ //내부앵커이동
|
|
|
+ $(".bullet_sticky_nav li a").on("click", function(){
|
|
|
+ var hookHeader = $("header").outerHeight() + 100;
|
|
|
+ var hookHref = $(this).attr("href");
|
|
|
+ var hookPot = $(hookHref == "#" || hookHref == "" ? "body" : hookHref);
|
|
|
+ var hookPos = hookPot.offset().top - hookHeader;
|
|
|
+ $("html, body").animate({ scrollTop: hookPos }, 300);
|
|
|
+
|
|
|
+ $('.bullet_sticky_nav li a').removeClass('active');
|
|
|
+ $(this).addClass('active');
|
|
|
+ });
|
|
|
});
|
|
|
- });
|
|
|
-</script>
|
|
|
-</th:block>
|
|
|
+ </script>
|
|
|
+ </th:block>
|
|
|
|
|
|
</body>
|
|
|
</html>
|