|
@@ -0,0 +1,1154 @@
|
|
|
|
|
+<!DOCTYPE html>
|
|
|
|
|
+<html lang="ko"
|
|
|
|
|
+ xmlns:th="http://www.thymeleaf.org"
|
|
|
|
|
+ xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
|
|
+ layout:decorator="mob/common/layout/SubLayoutMob">
|
|
|
|
|
+<!--
|
|
|
|
|
+ *******************************************************************************
|
|
|
|
|
+ * @source : PlanningDetailFormMob.html
|
|
|
|
|
+ * @desc : 기획전/이벤트 상세 Page
|
|
|
|
|
+ *============================================================================
|
|
|
|
|
+ * STYLE24
|
|
|
|
|
+ * Copyright(C) 2020 TSIT, All rights reserved.
|
|
|
|
|
+ *============================================================================
|
|
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
|
|
+ * === =========== ========== =============================================
|
|
|
|
|
+ * 1.0 2021.05.12 sowon 최초 작성
|
|
|
|
|
+ *******************************************************************************
|
|
|
|
|
+ -->
|
|
|
|
|
+<body>
|
|
|
|
|
+<th:block layout:fragment="content">
|
|
|
|
|
+<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
|
|
|
|
|
+<main role="" id="" class="container dp">
|
|
|
|
|
+ <section class="content">
|
|
|
|
|
+ <div class="inner">
|
|
|
|
|
+ <div class="promotion_tit">
|
|
|
|
|
+ <h3 th:text="${planInfo.planNm}"></h3>
|
|
|
|
|
+ <div class="period">
|
|
|
|
|
+ <span th:text="${planInfo.dispStdt}"></span> - <span th:text="${planInfo.dispEddt}"></span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <button type="button" class="share_btn"><img src="/images/mo/ico_share_btn.png" alt="공유" /></button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <th:block th:each="a, template : ${templateOrd}">
|
|
|
|
|
+ <th:block th:if="${a.tmplType == 'G082_10'}">
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${a.tmplType == 'G082_20'}">
|
|
|
|
|
+ <div class="inner" th:id="${a.tmplType}">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${a.tmplType == 'G082_30'}"><!-- 이미지 -->
|
|
|
|
|
+ <div class="inner wide" th:id="${a.tmplType}">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${a.tmplType == 'G082_50'}">
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${a.tmplType == 'G082_51'}">
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${a.tmplType == 'G082_52'}">
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="inner bg_gray">
|
|
|
|
|
+ <div class="dp_review_cont">
|
|
|
|
|
+ <div class="dp_review">
|
|
|
|
|
+ <h2 class="dp_subtitle">구매하신 분들의 리얼 후기!</h2>
|
|
|
|
|
+ <div class="review">
|
|
|
|
|
+ <div class="swiper-container review_list">
|
|
|
|
|
+ <div class="swiper-wrapper">
|
|
|
|
|
+ <div class="swiper-slide">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div class="best_review">
|
|
|
|
|
+ <a href="#none">
|
|
|
|
|
+ <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="info">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <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="txt_best_review">
|
|
|
|
|
+ <p>
|
|
|
|
|
+ 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="writer">
|
|
|
|
|
+ <span class="wr_id">ab2****</span>
|
|
|
|
|
+ <span class="wr_date">2020.07.15</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="product_view">
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_sale">89,000</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="swiper-slide">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div class="best_review">
|
|
|
|
|
+ <a href="#none">
|
|
|
|
|
+ <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="info">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <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="txt_best_review">
|
|
|
|
|
+ <p>
|
|
|
|
|
+ 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="writer">
|
|
|
|
|
+ <span class="wr_id">ab2****</span>
|
|
|
|
|
+ <span class="wr_date">2020.07.15</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="product_view">
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_sale">89,000</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="swiper-slide">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div class="best_review">
|
|
|
|
|
+ <a href="#none">
|
|
|
|
|
+ <div class="lap">
|
|
|
|
|
+ <div class="pic">
|
|
|
|
|
+ <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="info">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <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="txt_best_review">
|
|
|
|
|
+ <p>
|
|
|
|
|
+ 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="writer">
|
|
|
|
|
+ <span class="wr_id">ab2****</span>
|
|
|
|
|
+ <span class="wr_date">2020.07.15</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="product_view">
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_sale">89,000</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="swiper-slide">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div class="best_review">
|
|
|
|
|
+ <a href="#none">
|
|
|
|
|
+ <div class="lap">
|
|
|
|
|
+ <div class="pic">
|
|
|
|
|
+ <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="info">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <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="txt_best_review">
|
|
|
|
|
+ <p>
|
|
|
|
|
+ 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="writer">
|
|
|
|
|
+ <span class="wr_id">ab2****</span>
|
|
|
|
|
+ <span class="wr_date">2020.07.15</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="product_view">
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_sale">89,000</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="swiper-slide">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div class="best_review">
|
|
|
|
|
+ <a href="#none">
|
|
|
|
|
+ <div class="lap">
|
|
|
|
|
+ <div class="pic">
|
|
|
|
|
+ <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="info">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <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="txt_best_review">
|
|
|
|
|
+ <p>
|
|
|
|
|
+ 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="writer">
|
|
|
|
|
+ <span class="wr_id">ab2****</span>
|
|
|
|
|
+ <span class="wr_date">2020.07.15</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="product_view">
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_sale">89,000</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="inner wide">
|
|
|
|
|
+ <div class="mid_banner">
|
|
|
|
|
+ <div class="swiper-container dp_lookbook_case1">
|
|
|
|
|
+ <div class="swiper-wrapper">
|
|
|
|
|
+ <div class="swiper-slide">
|
|
|
|
|
+ <img src="/images/mo/thumb/dp_case1_lookbook.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="swiper-slide">
|
|
|
|
|
+ <img src="/images/mo/thumb/dp_case1_lookbook.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="swiper-slide">
|
|
|
|
|
+ <img src="/images/mo/thumb/dp_case1_lookbook.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="swiper-slide">
|
|
|
|
|
+ <img src="/images/mo/thumb/dp_case1_lookbook.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="swiper-slide">
|
|
|
|
|
+ <img src="/images/mo/thumb/dp_case1_lookbook.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="inner wide">
|
|
|
|
|
+ <div class="dp_listItems_cont type1">
|
|
|
|
|
+ <h2 class="dp_subtitle"><a href="#none">겨울 아우터 추천템</a></h2>
|
|
|
|
|
+ <div class="swiper-container item01">
|
|
|
|
|
+ <div class="swiper-wrapper">
|
|
|
|
|
+ <div class="swiper-slide">
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <!-- 210415_위시리스트 삭제 -->
|
|
|
|
|
+ <!--<button type="button" class="itemLike">관심상품 추가</button>-->
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/dp_case1_item.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
|
|
+ </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/dp_case1_item.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
|
|
+ </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/dp_case1_item.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
|
|
+ </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/dp_case1_item.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
|
|
+ </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/dp_case1_item.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="inner">
|
|
|
|
|
+ <div class="dp_listItems_cont type2">
|
|
|
|
|
+ <h2 class="dp_subtitle"><a href="#none">겨울 아우터 추천템</a></h2>
|
|
|
|
|
+ <div class="swiper-container item02">
|
|
|
|
|
+ <div class="swiper-wrapper">
|
|
|
|
|
+ <div class="swiper-slide">
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <!-- 210415_위시리스트 삭제 -->
|
|
|
|
|
+ <!--<button type="button" class="itemLike">관심상품 추가</button>-->
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/dp_case1_item.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
|
|
+ </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/dp_case1_item.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
|
|
+ </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/dp_case1_item.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
|
|
+ </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/dp_case1_item.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
|
|
+ </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/dp_case1_item.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="inner">
|
|
|
|
|
+ <div class="dp_listItems_wrap">
|
|
|
|
|
+ <h2 class="dp_subtitle"><a href="#none">겨울 아우터 추천템</a></h2>
|
|
|
|
|
+ <div class="itemsGrp">
|
|
|
|
|
+ <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/prod1.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</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>
|
|
|
|
|
+ <p class="itemBadge">
|
|
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <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/prod1.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</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>
|
|
|
|
|
+ <p class="itemBadge">
|
|
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <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/prod1.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</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>
|
|
|
|
|
+ <p class="itemBadge">
|
|
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <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/prod1.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</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>
|
|
|
|
|
+ <p class="itemBadge">
|
|
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <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/prod1.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</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>
|
|
|
|
|
+ <p class="itemBadge">
|
|
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <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/prod1.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</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>
|
|
|
|
|
+ <p class="itemBadge">
|
|
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <button class="btn btn_default">더보기</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="inner">
|
|
|
|
|
+ <div class="dp_listItems_wrap type1">
|
|
|
|
|
+ <div class="items_option">
|
|
|
|
|
+ <div class="open_categori" style="position: relative; width: 100%; z-index: 0;">
|
|
|
|
|
+ <a id="filter">모이몰른
|
|
|
|
|
+
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <h2 class="dp_subtitle">겨울 아우터 재입고</h2>
|
|
|
|
|
+ <div class="list_content"> <!-- 데이터 없을시 클래스 nodata 추가 -->
|
|
|
|
|
+ <div class="list_defult">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <p>선택하신 조건에 맞는 상품이 없습니다.<br>필터를 변경해 보세요.</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <button type="button" class="btn btn_default"><span>선택한 필터 초기화</span></button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="itemsGrp">
|
|
|
|
|
+ <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/prod1.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</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>
|
|
|
|
|
+ <p class="itemBadge">
|
|
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <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/prod1.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</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>
|
|
|
|
|
+ <p class="itemBadge">
|
|
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <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/prod1.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</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>
|
|
|
|
|
+ <p class="itemBadge">
|
|
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <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/prod1.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</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>
|
|
|
|
|
+ <p class="itemBadge">
|
|
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="inner">
|
|
|
|
|
+ <div class="dp_listItems_wrap type2">
|
|
|
|
|
+ <h2 class="dp_subtitle">2021 신상 아우터</h2>
|
|
|
|
|
+ <div class="itemsGrp">
|
|
|
|
|
+ <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/prod1.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</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>
|
|
|
|
|
+ <p class="itemBadge">
|
|
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <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/prod1.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</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>
|
|
|
|
|
+ <p class="itemBadge">
|
|
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <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/prod1.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</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>
|
|
|
|
|
+ <p class="itemBadge">
|
|
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <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/prod1.jpg" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
|
|
+ <p class="itemPrice">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</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>
|
|
|
|
|
+ <p class="itemBadge">
|
|
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="inner">
|
|
|
|
|
+ <div class="other_promotion_slide">
|
|
|
|
|
+ <h2 th:if="${planInfo.planGb == 'P'}" class="dp_subtitle">다른 기획전 보기</h2>
|
|
|
|
|
+ <h2 th:if="${planInfo.planGb == 'E'}" class="dp_subtitle">다른 이벤트 보기</h2>
|
|
|
|
|
+ <div class="swiper-container">
|
|
|
|
|
+ <div class="swiper-wrapper">
|
|
|
|
|
+ <th:block th:each="PlanData, PlanStat : ${planList}">
|
|
|
|
|
+ <div class="swiper-slide">
|
|
|
|
|
+ <a th:onclick="cfnGoToPlanDetail([[${PlanData.planSq}]])" class="dp_lookbook_item" tabindex="0">
|
|
|
|
|
+ <div class="img">
|
|
|
|
|
+ <img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg}" alt="${PlanData.planNm}">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="txt">
|
|
|
|
|
+ <div class="tit" th:text="${PlanData.planNm}"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </section>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 쿠폰사용안내 팝업 -->
|
|
|
|
|
+ <div class="modal fade couponInfo_pop" id="couponInfoPop" tabindex="-1" role="dialog" aria-labelledby="couponInfoLabel" aria-hidden="true">
|
|
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
|
|
+ <div class="modal-content">
|
|
|
|
|
+ <!-- 쿠폰사용안내 팝업 내용 -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <a href="#close-modal" rel="modal:close" id="couponInfoPop_close" class="close-modal">Close</a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </main>
|
|
|
|
|
+<script th:inline="javascript">
|
|
|
|
|
+let review = [[${reviewInfo}]];
|
|
|
|
|
+let coupon = [[${couponInfo}]];
|
|
|
|
|
+let plan = [[${planInfo}]];
|
|
|
|
|
+let image = [[${imageInfo}]];
|
|
|
|
|
+let goods1 = [[${goods1Info}]];
|
|
|
|
|
+let goods2 = [[${goods2Info}]];
|
|
|
|
|
+let goods4 = [[${goods4Info}]];
|
|
|
|
|
+let template =[[${templateOrd}]];
|
|
|
|
|
+let replyList = [[${replyList}]];
|
|
|
|
|
+let replyCount = [[${replyCount}]];
|
|
|
|
|
+let replyAttachList = [[${replyAttachList}]];
|
|
|
|
|
+let planCornerGoodsList = [[${planCornerGoodsList}]];
|
|
|
|
|
+let planCornerList = [[${planCornerList}]];
|
|
|
|
|
+let _mall = [[${@environment.getProperty('domain.front')}]];
|
|
|
|
|
+let goodsView =[[${@environment.getProperty('upload.goods.view')}]]
|
|
|
|
|
+let imgUrl=[[${@environment.getProperty('upload.image.view')}]];
|
|
|
|
|
+
|
|
|
|
|
+/* 이미지 */
|
|
|
|
|
+if(image.length>0){
|
|
|
|
|
+ var html = '';
|
|
|
|
|
+
|
|
|
|
|
+ html += '<div class="promotion_visual type2">';
|
|
|
|
|
+ html += ' <div class="big_banner_slide">';
|
|
|
|
|
+ html += ' <div class="swiper-container">';
|
|
|
|
|
+ html += ' <div class="swiper-wrapper">';
|
|
|
|
|
+ $.each(image, function(idx, item) {
|
|
|
|
|
+ html += ' <div class="swiper-slide">';
|
|
|
|
|
+ if (item.linkOpenGb == 'M') {
|
|
|
|
|
+ html += ' <a href="http://'+item.linkUrl+'" target="_self"><img src="'+ imgUrl + item.itemVal +'" ></a>';
|
|
|
|
|
+ }else{
|
|
|
|
|
+ html += ' <a href="http://'+item.linkUrl+'" target="_blank"><img src="'+ imgUrl + item.itemVal +'" ></a>';
|
|
|
|
|
+ }
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += ' <div class="swiper-pagination"></div>';
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += '</div>';
|
|
|
|
|
+
|
|
|
|
|
+ $("#G082_30").append(html);
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+if(coupon.length>0){
|
|
|
|
|
+ var html = '';
|
|
|
|
|
+
|
|
|
|
|
+ html += '<div class="dp_coupon">';
|
|
|
|
|
+ html += ' <h2 class="dp_subtitle">'+coupon[0].title+'</h2>';
|
|
|
|
|
+ html += ' <div class="coupon_list">';
|
|
|
|
|
+ html += ' <ul class="clear">';
|
|
|
|
|
+ $.each(coupon, function(idx, item) {
|
|
|
|
|
+ if (item.couponStat == '쿠폰받기') {
|
|
|
|
|
+ html += ' <li> ';
|
|
|
|
|
+ }else{
|
|
|
|
|
+ html += ' <li class="off"> ';
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ html += ' <div class="cp_top">';
|
|
|
|
|
+ html += ' <div class="cp_detail">';
|
|
|
|
|
+ html += ' <p class="tit">'+item.cpnNm+'</p>';
|
|
|
|
|
+ html += ' <strong class="sale_t won_t"><span>'+item.dcVal+'</span>'+item.dcWay+'</strong>';
|
|
|
|
|
+ html += ' <p class="cp_cont">'+item.useCondition+'</p>';
|
|
|
|
|
+ html += ' <span class="cp_cnt">'+item.issueCondition+'</span>';
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += ' <span class="cp_shape"></span>';
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += ' <div class="cp_date" id="dp_coupon1">';
|
|
|
|
|
+ if (item.couponStat == '쿠폰받기') {
|
|
|
|
|
+ html += ' <button type="button" id="coupon_'+item.cpnId+'" onclick="fnPlanCouponDown('+item.cpnId+')"><span>쿠폰 받기</span></button>';
|
|
|
|
|
+ }else{
|
|
|
|
|
+ html += ' <button type="button" id="coupon_'+item.cpnId+'" onclick="fnPlanCouponDown('+item.cpnId+')"><span>받기 완료</span></button>';
|
|
|
|
|
+ }
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += ' <div class="cp_info">';
|
|
|
|
|
+ html += ' <button type="button" id="modalBasic" class="btn_couponInfo_pop"><span>사용안내</span></button>';
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += ' </li>';
|
|
|
|
|
+ });
|
|
|
|
|
+ html += ' </ul>';
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += ' <div class="announce_txt">';
|
|
|
|
|
+ html += ' <div class="note_txt">';
|
|
|
|
|
+ html += ' <img src="/images/mo/ico_content_find.png" alt="유의사항">';
|
|
|
|
|
+ html += ' <p>유의사항</p>';
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += ' <div class="announce_list">';
|
|
|
|
|
+ html += ' <ul>';
|
|
|
|
|
+ html += coupon[0].note;
|
|
|
|
|
+ html += ' </ul>';
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += ' </div>';
|
|
|
|
|
+ html += '</div>';
|
|
|
|
|
+
|
|
|
|
|
+ $("#G082_20").append(html);
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+$(document).ready(function(){
|
|
|
|
|
+ //상단 빅배너 슬라이드
|
|
|
|
|
+ var big_banner_slide = new Swiper('.big_banner_slide .swiper-container', {
|
|
|
|
|
+ slidesPerView: 1,
|
|
|
|
|
+ spaceBetween: 8,
|
|
|
|
|
+ centerMode: true,
|
|
|
|
|
+ pagination: {
|
|
|
|
|
+ el: '.big_banner_slide .swiper-pagination',
|
|
|
|
|
+ },
|
|
|
|
|
+ });
|
|
|
|
|
+ //review 슬라이드
|
|
|
|
|
+ var dp_reviewitem_slide = new Swiper('.review .swiper-container', {
|
|
|
|
|
+ slidesPerView: 1,
|
|
|
|
|
+ spaceBetween: 8,
|
|
|
|
|
+ loop: true,
|
|
|
|
|
+ centerMode: true,
|
|
|
|
|
+ pagination: {
|
|
|
|
|
+ el: '.review .swiper-pagination',
|
|
|
|
|
+ type: 'fraction',
|
|
|
|
|
+ },
|
|
|
|
|
+ });
|
|
|
|
|
+ // 아이템스라이드(리스트갯수1)
|
|
|
|
|
+ var dp_listItems_cont1 = new Swiper('.dp_listItems_cont .swiper-container.item01', {
|
|
|
|
|
+ slidesPerView: 1,
|
|
|
|
|
+ spaceBetween: 0,
|
|
|
|
|
+ centerMode: true,
|
|
|
|
|
+ pagination: {
|
|
|
|
|
+ el: '.dp_listItems_cont .swiper-container.item01 .swiper-pagination',
|
|
|
|
|
+ },
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 아이템스라이드(리스트갯수2)
|
|
|
|
|
+ var dp_listItems_slide3 = new Swiper('.dp_listItems_cont .swiper-container.item02', {
|
|
|
|
|
+ slidesPerView: 'auto',
|
|
|
|
|
+ slidesPerView: 2,
|
|
|
|
|
+ spaceBetween: 8,
|
|
|
|
|
+ centerMode: true,
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 아이템스라이드(리스트갯수3)
|
|
|
|
|
+ var dp_listItems_slide3 = new Swiper('.dp_listItems_slide .swiper-container.item03', {
|
|
|
|
|
+ slidesPerView: 3,
|
|
|
|
|
+ spaceBetween: 8,
|
|
|
|
|
+ centerMode: true,
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 다른기획전
|
|
|
|
|
+ var other_promotion_slide = new Swiper('.other_promotion_slide .swiper-container', {
|
|
|
|
|
+ slidesPerView: 2,
|
|
|
|
|
+ spaceBetween: 8,
|
|
|
|
|
+ centerMode: true,
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 210415_드롭박스 상단고정
|
|
|
|
|
+ $(window).scroll(function(){
|
|
|
|
|
+ var scrollTop= $(window).scrollTop();
|
|
|
|
|
+ var itemTop=$('.dp .dp_listItems_wrap.type1').offset().top;
|
|
|
|
|
+
|
|
|
|
|
+ if (scrollTop >= itemTop){
|
|
|
|
|
+ $('.dp .dp_listItems_wrap .items_option').addClass('fix');
|
|
|
|
|
+ } else {
|
|
|
|
|
+ $('.dp .dp_listItems_wrap .items_option').removeClass('fix');
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+});
|
|
|
|
|
+</script>
|
|
|
|
|
+</th:block>
|
|
|
|
|
+
|
|
|
|
|
+</body>
|
|
|
|
|
+</html>
|