|
|
@@ -15,535 +15,539 @@
|
|
|
*******************************************************************************
|
|
|
-->
|
|
|
<body>
|
|
|
-<div class="modal-header htop">
|
|
|
- <h5 class="modal-title sr-only" id="schPopLabel">통합검색</h5>
|
|
|
-</div>
|
|
|
-<div class="modal-body">
|
|
|
- <section class="sch_result">
|
|
|
- <!-- 1.통합검색 default -->
|
|
|
- <div class="inner">
|
|
|
- <form id="searchMainForm" name="searchMainForm">
|
|
|
- <input type="hidden" name="brandGroupNo" th:value="${brandGroupNo}"/>
|
|
|
- <div class="sch_title">
|
|
|
- <input type="text" class="form_control" name="keyword" placeholder="검색어를 입력하세요." onkeyup="fnOnkeyupKeyword(this);">
|
|
|
- <button type="button" class="btn_x" id="deleteKeyword" style="display:none;">X</button>
|
|
|
- <button type="button" class="btn_sch" id="btnSearchKeyword"><img src="/images/mo/ico_btn_search.png" alt=""></button>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
+<div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header htop">
|
|
|
+ <h5 class="modal-title sr-only" id="schPopLabel">통합검색</h5>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="inner" id="defaultArea">
|
|
|
- <div class="filter-list">
|
|
|
- <div class="f_left">
|
|
|
- <h3>최근 검색어</h3>
|
|
|
- </div>
|
|
|
- <div class="f_right">
|
|
|
+ <div class="modal-body">
|
|
|
+ <section class="sch_result">
|
|
|
+ <!-- 1.통합검색 default -->
|
|
|
+ <div class="inner">
|
|
|
+ <form id="searchMainForm" name="searchMainForm">
|
|
|
+ <input type="hidden" name="brandGroupNo" th:value="${brandGroupNo}"/>
|
|
|
+ <div class="sch_title">
|
|
|
+ <input type="text" class="form_control" name="keyword" placeholder="검색어를 입력하세요." onkeyup="fnOnkeyupKeyword(this);">
|
|
|
+ <button type="button" class="btn_x" id="deleteKeyword" style="display:none;">X</button>
|
|
|
+ <button type="button" class="btn_sch" id="btnSearchKeyword"><img src="/images/mo/ico_btn_search.png" alt=""></button>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="search-list" th:classappend="${#lists.isEmpty(recentlyKeywordList)?'nodata':''}"> <!-- 검색데이터 없을시 nodata 클래스 추가. -->
|
|
|
- <ul>
|
|
|
- <li th:if="${recentlyKeywordList}" th:each="oneData, status : ${recentlyKeywordList}">
|
|
|
- <a href="javascript:void(0);" th:onclick="fnSearchKeyword([[${oneData}]])">
|
|
|
- <p th:text="${oneData}"></p>
|
|
|
- </a>
|
|
|
- <button type="button" class="xBtn" th:onclick="fnDeleteCookie(this,[[${oneData}]]);"><span>삭제</span></button>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <p class="nodata_txt" th:if="${#lists.isEmpty(recentlyKeywordList)}">최근 검색어가 없습니다.</p>
|
|
|
- </div>
|
|
|
- <h3 class="hot-key" th:if="${brandGroupNo==null}">STYLE24에서 검색되고 있어요</h3>
|
|
|
- <div class="related_keyword" th:if="${brandGroupNo==null}">
|
|
|
- <div class="sub_category">
|
|
|
- <div class="cate_wrap" id="popularKeyArea">
|
|
|
-<!-- <a href="javascript:;" class="on">전체</a>-->
|
|
|
+
|
|
|
+ <div class="inner" id="defaultArea">
|
|
|
+ <div class="filter-list">
|
|
|
+ <div class="f_left">
|
|
|
+ <h3>최근 검색어</h3>
|
|
|
+ </div>
|
|
|
+ <div class="f_right">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //1.통합검색 default -->
|
|
|
-
|
|
|
- <!-- 2.통합검색 default_최근검색어 있음 -->
|
|
|
-<!-- <div class="inner">-->
|
|
|
-<!-- <div class="sch_title">-->
|
|
|
-<!-- <input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
|
|
|
-<!-- <!– <button class="btn_x">X</button> –>-->
|
|
|
-<!-- <button type="button" class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="filter-list">-->
|
|
|
-<!-- <div class="f_left">-->
|
|
|
-<!-- <h3>최근 검색어</h3>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="f_right">-->
|
|
|
-<!-- <button class="allxBtn"><span>전체삭제</span></button>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="search-list">-->
|
|
|
-<!-- <ul>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0);">-->
|
|
|
-<!-- <p>01슬랙스</p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0);">-->
|
|
|
-<!-- <p>02특가세일</p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0);">-->
|
|
|
-<!-- <p>03모이몰른 티셔츠</p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0);">-->
|
|
|
-<!-- <p>04모이몰른 티셔츠</p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0);">-->
|
|
|
-<!-- <p>05모이몰른 티셔츠</p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0);">-->
|
|
|
-<!-- <p>06모이몰른 티셔츠</p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0);">-->
|
|
|
-<!-- <p>07모이몰른 티셔츠</p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0);">-->
|
|
|
-<!-- <p>08모이몰른 티셔츠</p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0);">-->
|
|
|
-<!-- <p>09모이몰른 티셔츠</p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="javascript:void(0);">-->
|
|
|
-<!-- <p>10모이몰른 티셔츠</p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- </ul>-->
|
|
|
-<!-- <p class="nodata_txt">최근 검색어가 없습니다.</p>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>-->
|
|
|
-<!-- <div class="related_keyword">-->
|
|
|
-<!-- <div class="sub_category">-->
|
|
|
-<!-- <div class="cate_wrap">-->
|
|
|
-<!-- <a href="javascript:;" class="on">전체</a>-->
|
|
|
-<!-- <a href="javascript:;"><span>#</span> 티셔츠/셔츠</a>-->
|
|
|
-<!-- <a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>-->
|
|
|
-<!-- <a href="javascript:;"><span>#</span> 원피스/스커트</a>-->
|
|
|
-<!-- <a href="javascript:;"><span>#</span> 팬츠/데님/레깅스</a>-->
|
|
|
-<!-- <a href="javascript:;"><span>#</span> 가죽/모피</a>-->
|
|
|
-<!-- <a href="javascript:;"><span>#</span> 여성 잡화</a>-->
|
|
|
-<!-- <a href="javascript:;"><span>#</span> 언더웨어</a>-->
|
|
|
-<!-- <a href="javascript:;"><span>#</span> 세트</a>-->
|
|
|
-<!-- <a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>-->
|
|
|
-<!-- <a href="javascript:;"><span>#</span> 원피스/스커트</a>-->
|
|
|
-<!-- <a href="javascript:;"><span>#</span> 가죽/모피</a>-->
|
|
|
-<!-- <a href="javascript:;"><span>#</span> 여성 잡화</a>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
- <!-- //2.통합검색 default_최근검색어 있음 -->
|
|
|
- <!-- 3.지금 많이 보고 있어요 상품. -->
|
|
|
- <div class="inner" id="popularArea">
|
|
|
- <div class="now_view">
|
|
|
- <div class="store_product">
|
|
|
- <div class="allresult-tit">
|
|
|
- <h3>지금 많이 보고 있어요</h3>
|
|
|
- <button class="btn_refresh"><span>17:30</span> 기준</button>
|
|
|
+ <div class="search-list" th:classappend="${#lists.isEmpty(recentlyKeywordList)?'nodata':''}"> <!-- 검색데이터 없을시 nodata 클래스 추가. -->
|
|
|
+ <ul>
|
|
|
+ <li th:if="${recentlyKeywordList}" th:each="oneData, status : ${recentlyKeywordList}">
|
|
|
+ <a href="javascript:void(0);" th:onclick="fnSearchKeyword([[${oneData}]])">
|
|
|
+ <p th:text="${oneData}"></p>
|
|
|
+ </a>
|
|
|
+ <button type="button" class="xBtn" th:onclick="fnDeleteCookie(this,[[${oneData}]]);"><span>삭제</span></button>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <p class="nodata_txt" th:if="${#lists.isEmpty(recentlyKeywordList)}">최근 검색어가 없습니다.</p>
|
|
|
</div>
|
|
|
- <div class="swiper-container sch_product">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#">
|
|
|
- <img src="/images/mo/br_main03.png" alt="">
|
|
|
- <div class="s-text">
|
|
|
- <div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
|
|
|
- <p class="itemTag">508명 보는중</p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
+ <h3 class="hot-key" th:if="${brandGroupNo==null}">STYLE24에서 검색되고 있어요</h3>
|
|
|
+ <div class="related_keyword" th:if="${brandGroupNo==null}">
|
|
|
+ <div class="sub_category">
|
|
|
+ <div class="cate_wrap" id="popularKeyArea">
|
|
|
+ <!-- <a href="javascript:;" class="on">전체</a>-->
|
|
|
</div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#">
|
|
|
- <img src="/images/mo/br_main03.png" alt="">
|
|
|
- <div class="s-text">
|
|
|
- <div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
|
|
|
- <p class="itemTag">508명 보는중</p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //1.통합검색 default -->
|
|
|
+
|
|
|
+ <!-- 2.통합검색 default_최근검색어 있음 -->
|
|
|
+ <!-- <div class="inner">-->
|
|
|
+ <!-- <div class="sch_title">-->
|
|
|
+ <!-- <input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
|
|
|
+ <!-- <!– <button class="btn_x">X</button> –>-->
|
|
|
+ <!-- <button type="button" class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="filter-list">-->
|
|
|
+ <!-- <div class="f_left">-->
|
|
|
+ <!-- <h3>최근 검색어</h3>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="f_right">-->
|
|
|
+ <!-- <button class="allxBtn"><span>전체삭제</span></button>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="search-list">-->
|
|
|
+ <!-- <ul>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="javascript:void(0);">-->
|
|
|
+ <!-- <p>01슬랙스</p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="javascript:void(0);">-->
|
|
|
+ <!-- <p>02특가세일</p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="javascript:void(0);">-->
|
|
|
+ <!-- <p>03모이몰른 티셔츠</p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="javascript:void(0);">-->
|
|
|
+ <!-- <p>04모이몰른 티셔츠</p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="javascript:void(0);">-->
|
|
|
+ <!-- <p>05모이몰른 티셔츠</p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="javascript:void(0);">-->
|
|
|
+ <!-- <p>06모이몰른 티셔츠</p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="javascript:void(0);">-->
|
|
|
+ <!-- <p>07모이몰른 티셔츠</p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="javascript:void(0);">-->
|
|
|
+ <!-- <p>08모이몰른 티셔츠</p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="javascript:void(0);">-->
|
|
|
+ <!-- <p>09모이몰른 티셔츠</p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="javascript:void(0);">-->
|
|
|
+ <!-- <p>10모이몰른 티셔츠</p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- <button type="button" class="xBtn"><span>삭제</span></button>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- </ul>-->
|
|
|
+ <!-- <p class="nodata_txt">최근 검색어가 없습니다.</p>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>-->
|
|
|
+ <!-- <div class="related_keyword">-->
|
|
|
+ <!-- <div class="sub_category">-->
|
|
|
+ <!-- <div class="cate_wrap">-->
|
|
|
+ <!-- <a href="javascript:;" class="on">전체</a>-->
|
|
|
+ <!-- <a href="javascript:;"><span>#</span> 티셔츠/셔츠</a>-->
|
|
|
+ <!-- <a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>-->
|
|
|
+ <!-- <a href="javascript:;"><span>#</span> 원피스/스커트</a>-->
|
|
|
+ <!-- <a href="javascript:;"><span>#</span> 팬츠/데님/레깅스</a>-->
|
|
|
+ <!-- <a href="javascript:;"><span>#</span> 가죽/모피</a>-->
|
|
|
+ <!-- <a href="javascript:;"><span>#</span> 여성 잡화</a>-->
|
|
|
+ <!-- <a href="javascript:;"><span>#</span> 언더웨어</a>-->
|
|
|
+ <!-- <a href="javascript:;"><span>#</span> 세트</a>-->
|
|
|
+ <!-- <a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>-->
|
|
|
+ <!-- <a href="javascript:;"><span>#</span> 원피스/스커트</a>-->
|
|
|
+ <!-- <a href="javascript:;"><span>#</span> 가죽/모피</a>-->
|
|
|
+ <!-- <a href="javascript:;"><span>#</span> 여성 잡화</a>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- //2.통합검색 default_최근검색어 있음 -->
|
|
|
+ <!-- 3.지금 많이 보고 있어요 상품. -->
|
|
|
+ <div class="inner" id="popularArea">
|
|
|
+ <div class="now_view">
|
|
|
+ <div class="store_product">
|
|
|
+ <div class="allresult-tit">
|
|
|
+ <h3>지금 많이 보고 있어요</h3>
|
|
|
+ <button class="btn_refresh"><span>17:30</span> 기준</button>
|
|
|
</div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#">
|
|
|
- <img src="/images/mo/br_main03.png" alt="">
|
|
|
- <div class="s-text">
|
|
|
- <div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
|
|
|
- <p class="itemTag">508명 보는중</p>
|
|
|
+ <div class="swiper-container sch_product">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#">
|
|
|
+ <img src="/images/mo/br_main03.png" alt="">
|
|
|
+ <div class="s-text">
|
|
|
+ <div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
|
|
|
+ <p class="itemTag">508명 보는중</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#">
|
|
|
- <img src="/images/mo/br_main03.png" alt="">
|
|
|
- <div class="s-text">
|
|
|
- <div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
|
|
|
- <p class="itemTag">508명 보는중</p>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#">
|
|
|
+ <img src="/images/mo/br_main03.png" alt="">
|
|
|
+ <div class="s-text">
|
|
|
+ <div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
|
|
|
+ <p class="itemTag">508명 보는중</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#">
|
|
|
- <img src="/images/mo/br_main03.png" alt="">
|
|
|
- <div class="s-text">
|
|
|
- <div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
|
|
|
- <p class="itemTag">508명 보는중</p>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#">
|
|
|
+ <img src="/images/mo/br_main03.png" alt="">
|
|
|
+ <div class="s-text">
|
|
|
+ <div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
|
|
|
+ <p class="itemTag">508명 보는중</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#">
|
|
|
- <img src="/images/mo/br_main03.png" alt="">
|
|
|
- <div class="s-text">
|
|
|
- <div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
|
|
|
- <p class="itemTag">508명 보는중</p>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#">
|
|
|
+ <img src="/images/mo/br_main03.png" alt="">
|
|
|
+ <div class="s-text">
|
|
|
+ <div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
|
|
|
+ <p class="itemTag">508명 보는중</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#">
|
|
|
- <img src="/images/mo/br_main03.png" alt="">
|
|
|
- <div class="s-text">
|
|
|
- <div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
|
|
|
- <p class="itemTag">508명 보는중</p>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#">
|
|
|
+ <img src="/images/mo/br_main03.png" alt="">
|
|
|
+ <div class="s-text">
|
|
|
+ <div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
|
|
|
+ <p class="itemTag">508명 보는중</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="item_prod">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#">
|
|
|
- <img src="/images/mo/br_main03.png" alt="">
|
|
|
- <div class="s-text">
|
|
|
- <div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
|
|
|
- <p class="itemTag">508명 보는중</p>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#">
|
|
|
+ <img src="/images/mo/br_main03.png" alt="">
|
|
|
+ <div class="s-text">
|
|
|
+ <div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
|
|
|
+ <p class="itemTag">508명 보는중</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- </a>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#">
|
|
|
+ <img src="/images/mo/br_main03.png" alt="">
|
|
|
+ <div class="s-text">
|
|
|
+ <div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
|
|
|
+ <p class="itemTag">508명 보는중</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#">
|
|
|
+ <img src="/images/mo/br_main03.png" alt="">
|
|
|
+ <div class="s-text">
|
|
|
+ <div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
|
|
|
+ <p class="itemTag">508명 보는중</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //3.지금 많이 보고 있어요 상품. -->
|
|
|
-
|
|
|
- <!-- 4.검색어 타이핑 -->
|
|
|
- <div class="inner" id="keyupArea" th:if="${brandGroupNo==null}">
|
|
|
-<!-- <div class="sch_title">-->
|
|
|
-<!-- <input type="text" class="form_control" value="티비제이 제기장 스웨터" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
|
|
|
-<!-- <button class="btn_x"><span>검색어 지우기</span></button>-->
|
|
|
-<!-- <button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
|
|
|
-<!-- </div>-->
|
|
|
- <div class="filter-list store-list">
|
|
|
-<!-- <div class="f_left">-->
|
|
|
-<!-- <h3>티비제이 공식 스토어</h3>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="f_right">-->
|
|
|
-<!-- <a href="#none">바로가기</a>-->
|
|
|
-<!-- </div>-->
|
|
|
- </div>
|
|
|
- <div class="relative-list">
|
|
|
-<!-- <ul>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="#">-->
|
|
|
-<!-- <p><span>티비제이</span></p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="#">-->
|
|
|
-<!-- <p><span>티비제이</span> 기모청바지</p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="#">-->
|
|
|
-<!-- <p>TBJ 겨울 팬츠</p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="#">-->
|
|
|
-<!-- <p><span>제기장 스웨터</span></p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="#">-->
|
|
|
-<!-- <p><span>티비제이</span> 드라마 연예인 스웨터</p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="#">-->
|
|
|
-<!-- <p>가을겨울 긴팔 롱 <span>스웨터</span></p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="#">-->
|
|
|
-<!-- <p><span>스웨터</span></p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="#">-->
|
|
|
-<!-- <p>롱 <span>스웨터</span></p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="#">-->
|
|
|
-<!-- <p><span>티비제이</span> 여성 <span>스웨터</span></p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="#">-->
|
|
|
-<!-- <p>가을겨울 긴팔 롱 <span>스웨터</span></p>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- </ul>-->
|
|
|
-<!-- <p class="nodata_txt">‘<span>스웨터 제기장</span>’ 에 맞는 상품을 찾지 못했습니다.<br>검색어를 변경해 보세요.</p>-->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="inner" id="keyupCateArea" th:if="${brandGroupNo==null}">
|
|
|
- <div class="sch_category">
|
|
|
-<!-- <h3>카테고리</h3>-->
|
|
|
-<!-- <ul>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="">-->
|
|
|
-<!-- <span>여성</span>-->
|
|
|
-<!-- <span>티셔츠/셔츠</span>-->
|
|
|
-<!-- <span><em>긴팔셔츠</em></span>-->
|
|
|
-<!-- <span>스트라이프 퍼프 스트라이프 퍼프</span>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="">-->
|
|
|
-<!-- <span>여성</span>-->
|
|
|
-<!-- <span><em>니트/가디건/베스트</em></span>-->
|
|
|
-<!-- <span>가디건</span>-->
|
|
|
-<!-- <span>롱가디건</span>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
-<!-- <li>-->
|
|
|
-<!-- <a href="">-->
|
|
|
-<!-- <span><em>여성</em></span>-->
|
|
|
-<!-- <span>자켓/점퍼/코트</span>-->
|
|
|
-<!-- <span>코트</span>-->
|
|
|
-<!-- <span>롱코트</span>-->
|
|
|
-<!-- </a>-->
|
|
|
-<!-- </li>-->
|
|
|
- <!-- <li>
|
|
|
- <p>여성 > <span>니트/가디건/베스트</span> > 가디건 > 롱가디건</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p><span>여성</span> > 자켓/점퍼/코트 > 코트 > 롱코트</p>
|
|
|
- </li> -->
|
|
|
-<!-- </ul>-->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //4.검색어 타이핑 -->
|
|
|
-
|
|
|
- <!-- 3.검색결과 없을때 -->
|
|
|
- <div class="inner" id="noDataArea">
|
|
|
-<!-- <div class="sch_title">-->
|
|
|
-<!-- <input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
|
|
|
-<!-- <!– <button class="btn_x">X</button> –>-->
|
|
|
-<!-- <button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
|
|
|
-<!-- </div>-->
|
|
|
- <div class="relative-list nodata"> <!-- 검색결과 없을 시 nodata 클래스 추가 -->
|
|
|
- <p class="nodata_txt">‘<span id="noDataKeyword"></span>’ 에 맞는 상품을 찾지 못했습니다.<br>검색어를 변경해 보세요.</p>
|
|
|
- </div>
|
|
|
- <h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>
|
|
|
- <div class="related_keyword">
|
|
|
- <div class="sub_category">
|
|
|
- <div class="cate_wrap">
|
|
|
- <a href="javascript:;" class="on">전체</a>
|
|
|
- <a href="javascript:;"><span>#</span> 티셔츠/셔츠</a>
|
|
|
- <a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>
|
|
|
- <a href="javascript:;"><span>#</span> 원피스/스커트</a>
|
|
|
- <a href="javascript:;"><span>#</span> 팬츠/데님/레깅스</a>
|
|
|
- <a href="javascript:;"><span>#</span> 가죽/모피</a>
|
|
|
- <a href="javascript:;"><span>#</span> 여성 잡화</a>
|
|
|
- <a href="javascript:;"><span>#</span> 언더웨어</a>
|
|
|
- <a href="javascript:;"><span>#</span> 세트</a>
|
|
|
- <a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>
|
|
|
- <a href="javascript:;"><span>#</span> 원피스/스커트</a>
|
|
|
- <a href="javascript:;"><span>#</span> 가죽/모피</a>
|
|
|
- <a href="javascript:;"><span>#</span> 여성 잡화</a>
|
|
|
+ <!-- //3.지금 많이 보고 있어요 상품. -->
|
|
|
+
|
|
|
+ <!-- 4.검색어 타이핑 -->
|
|
|
+ <div class="inner" id="keyupArea" th:if="${brandGroupNo==null}">
|
|
|
+ <!-- <div class="sch_title">-->
|
|
|
+ <!-- <input type="text" class="form_control" value="티비제이 제기장 스웨터" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
|
|
|
+ <!-- <button class="btn_x"><span>검색어 지우기</span></button>-->
|
|
|
+ <!-- <button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <div class="filter-list store-list">
|
|
|
+ <!-- <div class="f_left">-->
|
|
|
+ <!-- <h3>티비제이 공식 스토어</h3>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="f_right">-->
|
|
|
+ <!-- <a href="#none">바로가기</a>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ </div>
|
|
|
+ <div class="relative-list">
|
|
|
+ <!-- <ul>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="#">-->
|
|
|
+ <!-- <p><span>티비제이</span></p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="#">-->
|
|
|
+ <!-- <p><span>티비제이</span> 기모청바지</p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="#">-->
|
|
|
+ <!-- <p>TBJ 겨울 팬츠</p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="#">-->
|
|
|
+ <!-- <p><span>제기장 스웨터</span></p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="#">-->
|
|
|
+ <!-- <p><span>티비제이</span> 드라마 연예인 스웨터</p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="#">-->
|
|
|
+ <!-- <p>가을겨울 긴팔 롱 <span>스웨터</span></p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="#">-->
|
|
|
+ <!-- <p><span>스웨터</span></p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="#">-->
|
|
|
+ <!-- <p>롱 <span>스웨터</span></p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="#">-->
|
|
|
+ <!-- <p><span>티비제이</span> 여성 <span>스웨터</span></p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="#">-->
|
|
|
+ <!-- <p>가을겨울 긴팔 롱 <span>스웨터</span></p>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- </ul>-->
|
|
|
+ <!-- <p class="nodata_txt">‘<span>스웨터 제기장</span>’ 에 맞는 상품을 찾지 못했습니다.<br>검색어를 변경해 보세요.</p>-->
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="inner" id="recommandArea">
|
|
|
- <div class="recommand_product">
|
|
|
- <div class="store_product">
|
|
|
- <div class="swiper-container recommand_slide">
|
|
|
- <h3>이런 상품은 어떤가요?</h3>
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <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/br_main03.png" 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="inner" id="keyupCateArea" th:if="${brandGroupNo==null}">
|
|
|
+ <div class="sch_category">
|
|
|
+ <!-- <h3>카테고리</h3>-->
|
|
|
+ <!-- <ul>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="">-->
|
|
|
+ <!-- <span>여성</span>-->
|
|
|
+ <!-- <span>티셔츠/셔츠</span>-->
|
|
|
+ <!-- <span><em>긴팔셔츠</em></span>-->
|
|
|
+ <!-- <span>스트라이프 퍼프 스트라이프 퍼프</span>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="">-->
|
|
|
+ <!-- <span>여성</span>-->
|
|
|
+ <!-- <span><em>니트/가디건/베스트</em></span>-->
|
|
|
+ <!-- <span>가디건</span>-->
|
|
|
+ <!-- <span>롱가디건</span>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <a href="">-->
|
|
|
+ <!-- <span><em>여성</em></span>-->
|
|
|
+ <!-- <span>자켓/점퍼/코트</span>-->
|
|
|
+ <!-- <span>코트</span>-->
|
|
|
+ <!-- <span>롱코트</span>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li>
|
|
|
+ <p>여성 > <span>니트/가디건/베스트</span> > 가디건 > 롱가디건</p>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <p><span>여성</span> > 자켓/점퍼/코트 > 코트 > 롱코트</p>
|
|
|
+ </li> -->
|
|
|
+ <!-- </ul>-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //4.검색어 타이핑 -->
|
|
|
+
|
|
|
+ <!-- 3.검색결과 없을때 -->
|
|
|
+ <div class="inner" id="noDataArea">
|
|
|
+ <!-- <div class="sch_title">-->
|
|
|
+ <!-- <input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
|
|
|
+ <!-- <!– <button class="btn_x">X</button> –>-->
|
|
|
+ <!-- <button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <div class="relative-list nodata"> <!-- 검색결과 없을 시 nodata 클래스 추가 -->
|
|
|
+ <p class="nodata_txt">‘<span id="noDataKeyword"></span>’ 에 맞는 상품을 찾지 못했습니다.<br>검색어를 변경해 보세요.</p>
|
|
|
+ </div>
|
|
|
+ <h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>
|
|
|
+ <div class="related_keyword">
|
|
|
+ <div class="sub_category">
|
|
|
+ <div class="cate_wrap">
|
|
|
+ <a href="javascript:;" class="on">전체</a>
|
|
|
+ <a href="javascript:;"><span>#</span> 티셔츠/셔츠</a>
|
|
|
+ <a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>
|
|
|
+ <a href="javascript:;"><span>#</span> 원피스/스커트</a>
|
|
|
+ <a href="javascript:;"><span>#</span> 팬츠/데님/레깅스</a>
|
|
|
+ <a href="javascript:;"><span>#</span> 가죽/모피</a>
|
|
|
+ <a href="javascript:;"><span>#</span> 여성 잡화</a>
|
|
|
+ <a href="javascript:;"><span>#</span> 언더웨어</a>
|
|
|
+ <a href="javascript:;"><span>#</span> 세트</a>
|
|
|
+ <a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>
|
|
|
+ <a href="javascript:;"><span>#</span> 원피스/스커트</a>
|
|
|
+ <a href="javascript:;"><span>#</span> 가죽/모피</a>
|
|
|
+ <a href="javascript:;"><span>#</span> 여성 잡화</a>
|
|
|
</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/br_main03.png" 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>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="inner" id="recommandArea">
|
|
|
+ <div class="recommand_product">
|
|
|
+ <div class="store_product">
|
|
|
+ <div class="swiper-container recommand_slide">
|
|
|
+ <h3>이런 상품은 어떤가요?</h3>
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <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/br_main03.png" 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>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
</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/br_main03.png" 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 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/br_main03.png" 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>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
+ </div>
|
|
|
</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/br_main03.png" alt="">
|
|
|
+ <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/br_main03.png" 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>
|
|
|
- <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>
|
|
|
+ </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/br_main03.png" 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>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ <!-- //3.검색결과 없을때 -->
|
|
|
+ </section>
|
|
|
</div>
|
|
|
- <!-- //3.검색결과 없을때 -->
|
|
|
- </section>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<script src="/ux/plugins/gaga/gaga.paging.js"></script>
|
|
|
<script th:inline="javascript">
|
jsshin