|
@@ -1,356 +1,412 @@
|
|
|
<!DOCTYPE html>
|
|
<!DOCTYPE html>
|
|
|
<html lang="ko"
|
|
<html lang="ko"
|
|
|
- xmlns:th="http://www.thymeleaf.org"
|
|
|
|
|
- xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
|
|
- layout:decorator="web/common/layout/DefaultLayoutWeb">
|
|
|
|
|
|
|
+ xmlns:th="http://www.thymeleaf.org">
|
|
|
<!--
|
|
<!--
|
|
|
*******************************************************************************
|
|
*******************************************************************************
|
|
|
- * @source : LookbookDetailFormWeb.html
|
|
|
|
|
- * @desc : 룩북 상세 Page
|
|
|
|
|
|
|
+ * @source : SearchLayerWeb.html
|
|
|
|
|
+ * @desc : 검색 레이어 Page
|
|
|
*============================================================================
|
|
*============================================================================
|
|
|
* STYLE24
|
|
* STYLE24
|
|
|
* Copyright(C) 2020 TSIT, All rights reserved.
|
|
* Copyright(C) 2020 TSIT, All rights reserved.
|
|
|
*============================================================================
|
|
*============================================================================
|
|
|
* VER DATE AUTHOR DESCRIPTION
|
|
* VER DATE AUTHOR DESCRIPTION
|
|
|
* === =========== ========== =============================================
|
|
* === =========== ========== =============================================
|
|
|
- * 1.0 2021.04.06 bin2107 최초 작성
|
|
|
|
|
|
|
+ * 1.0 2021.05.11 bin2107 최초 작성
|
|
|
*******************************************************************************
|
|
*******************************************************************************
|
|
|
-->
|
|
-->
|
|
|
-<body>
|
|
|
|
|
-
|
|
|
|
|
-<th:block layout:fragment="content">
|
|
|
|
|
- <div id="container" class="container br">
|
|
|
|
|
- <div class="breadcrumb">
|
|
|
|
|
- <ul>
|
|
|
|
|
- <li class="bread_home"><a href="index.html">홈</a></li>
|
|
|
|
|
- <li class="bread_2depth" th:text="${lookbookInfo.brandNm}">TBJ</li>
|
|
|
|
|
- <li class="bread_3depth">룩북</li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="wrap">
|
|
|
|
|
- <div class="content br_lookbook_view cont_visual" th:if="${lookbookDetailList != null}"> <!-- 페이지특정 클래스 = br_lookbook_view -->
|
|
|
|
|
- <div class="cont_head">
|
|
|
|
|
- <h3 class="displayH t_c" th:text="${lookbookInfo.title}">2020 F/W COLLECTION</h3>
|
|
|
|
|
|
|
+<h2 class="sr-only">통합검색</h2>
|
|
|
|
|
+<div class="cont_search">
|
|
|
|
|
+ <div class="area_input">
|
|
|
|
|
+ <form id="searchMainForm" name="searchMainForm">
|
|
|
|
|
+ <fieldset>
|
|
|
|
|
+ <legend>통합검색</legend>
|
|
|
|
|
+ <input type="text" id="search" name="search" value="" placeholder="검색어를 입력하세요sss." class="search_input" title="검색어 입력" maxlength="100">
|
|
|
|
|
+ <button type="button" class="sch_btn"><i class="ico ico_search"><em>검색</em></i></button>
|
|
|
|
|
+ </fieldset>
|
|
|
|
|
+ </form>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="area_result">
|
|
|
|
|
+ <!-- 검색결과 입력 전 -->
|
|
|
|
|
+ <div class="default_box">
|
|
|
|
|
+ <div class="recent_blk">
|
|
|
|
|
+ <h3>최근 검색어</h3>
|
|
|
|
|
+ <!-- 최근검색어 있을 시 노출 -->
|
|
|
|
|
+ <div class="list_recent_keword" style="display: none;">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <a href="">슬랙스</a>
|
|
|
|
|
+ <button type="button" class="btn_delete"><span>삭제</span></button>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </ul>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="cont_body">
|
|
|
|
|
- <div class="area_slider">
|
|
|
|
|
- <div class="swiper-container">
|
|
|
|
|
- <div class="swiper-wrapper">
|
|
|
|
|
- <th:block th:each="item, stat : ${lookbookDetailList}">
|
|
|
|
|
- <div class="swiper-slide">
|
|
|
|
|
- <div class="bt_lb_item">
|
|
|
|
|
- <img class="vLHTC lb_img" th:src="${@environment.getProperty('domain.image')+item.sysFileNm}" alt="BLUE-a" />
|
|
|
|
|
- <th:block th:if="${item.lookbookGoodsList != null and !item.lookbookGoodsList.empty}" th:each="goodsItem, goodsStatus : ${item.lookbookGoodsList}">
|
|
|
|
|
- <div class="item_picker" th:style="${'left:'+goodsItem.xlim+'%; top:'+goodsItem.ylim+'%;'}">
|
|
|
|
|
- <button type="button" th:onclick="fnLookbookGoodsPopup([[${goodsItem.sysImgNm}]],[[${goodsItem.brandGroupNm}]],[[${goodsItem.goodsNm}]],[[${goodsItem.listPrice}]],[[${goodsItem.currPrice}]],[[${goodsItem.dcRate}]],[[${goodsItem.goodsCd}]])"><span class="ico ico_picker"></span></button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </th:block>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </th:block>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="swiper-button-prev"></div>
|
|
|
|
|
- <div class="swiper-button-next"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!--<th:block th:each="item, stat : ${lookbookDetailList}">
|
|
|
|
|
- <div class="text_cont" th:text="${item.imgDesc}">
|
|
|
|
|
- 국내 대표 패션기업 한세엠케이의 스타일리시 어반 캐주얼 브랜드 앤듀(ANDEW)가 중성적이고 시크한 감각을 극대화한 2020 F/W 시즌 룩북을 공개했다.<br>
|
|
|
|
|
- 앤듀는 올 하반기 정소현, 안재형, 고웅호 등 글로벌 런웨이 무대에서 활약중인 전문 패션 모델들과 함께 성별의 경계를 뛰어넘어 개개인의 개성을 드러내는 젠더뉴트럴 패션을 앤듀만의 감각으로 새롭게 전개한다. 중성적인 매력을 자아내는 3명의 모델들은 각자의 개성과 매력을 뽐내며 세련미를 더한 젠더리스 감성을 한층 더 완성도 있게 소화해 눈길을 끈다. 공개된 룩북에서는 따뜻하고 부드러운 파스텔톤, 차분한 모노크롬 컬러로 극명하게 상반된 분위기를 연출하며 각기 다른 유니섹스 스타일을 선보였다. 격식을 갖추되 포멀하진 않게 자연스럽게 떨어지는 핏과 힙한 디자인을 통해 앤듀만의 젠더뉴트럴 캐주얼룩을 연출한 것. 또한, 이번 시즌에도 패션업계에 불고 있는 ‘필(必)환경’ 트렌드에 따라 그린슈머들을 사로잡을 다양한 친환경적인 제품들을 주력으로 출시하며 지속가능한 패션을 실천할 계획이다. 버려진 페트병이나 플라스틱을 활용해 친환경 재생 섬유인 리사이클 페트(PET)원사로 의상을 제작하고, 동물친화적 비건 소재를 활용해 가치소비가 가능할 수 있도록 구성했다.
|
|
|
|
|
- </div>
|
|
|
|
|
- </th:block>-->
|
|
|
|
|
- <div class="text_cont">
|
|
|
|
|
- 국내 대표 패션기업 한세엠케이의 스타일리시 어반 캐주얼 브랜드 앤듀(ANDEW)가 중성적이고 시크한 감각을 극대화한 2020 F/W 시즌 룩북을 공개했다.<br>
|
|
|
|
|
- 앤듀는 올 하반기 정소현, 안재형, 고웅호 등 글로벌 런웨이 무대에서 활약중인 전문 패션 모델들과 함께 성별의 경계를 뛰어넘어 개개인의 개성을 드러내는 젠더뉴트럴 패션을 앤듀만의 감각으로 새롭게 전개한다. 중성적인 매력을 자아내는 3명의 모델들은 각자의 개성과 매력을 뽐내며 세련미를 더한 젠더리스 감성을 한층 더 완성도 있게 소화해 눈길을 끈다. 공개된 룩북에서는 따뜻하고 부드러운 파스텔톤, 차분한 모노크롬 컬러로 극명하게 상반된 분위기를 연출하며 각기 다른 유니섹스 스타일을 선보였다. 격식을 갖추되 포멀하진 않게 자연스럽게 떨어지는 핏과 힙한 디자인을 통해 앤듀만의 젠더뉴트럴 캐주얼룩을 연출한 것. 또한, 이번 시즌에도 패션업계에 불고 있는 ‘필(必)환경’ 트렌드에 따라 그린슈머들을 사로잡을 다양한 친환경적인 제품들을 주력으로 출시하며 지속가능한 패션을 실천할 계획이다. 버려진 페트병이나 플라스틱을 활용해 친환경 재생 섬유인 리사이클 페트(PET)원사로 의상을 제작하고, 동물친화적 비건 소재를 활용해 가치소비가 가능할 수 있도록 구성했다.
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <button type="button" class="btn_underline" style="display: none;"><span>전체삭제</span></button>
|
|
|
|
|
+ <!-- //최근검색어 있을 시 노출 -->
|
|
|
|
|
+ <!-- 최근검색어 없을 시 노출 -->
|
|
|
|
|
+ <div class="empty_txt" style="display: block;">
|
|
|
|
|
+ 최근 검색어가 없습니다.
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <!-- //최근검색어 없을 시 노출 -->
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="content br_lookbook_view cont_items" th:if="${lookbookDetailList != null}">
|
|
|
|
|
-
|
|
|
|
|
- <div class="cont_head">
|
|
|
|
|
- <h3>룩북 속 상품<span class="number">(9,999)</span></h3>
|
|
|
|
|
- <button class="btn btn_primary"><span>모두 쇼핑백 담기</span></button>
|
|
|
|
|
|
|
+ <div class="popular_blk">
|
|
|
|
|
+ <h3>STYLE24에서 검색되고 있어요</h3>
|
|
|
|
|
+ <div class="list_popular_keword">
|
|
|
|
|
+ <ul id="popularKeyArea">
|
|
|
|
|
+<!-- <li>-->
|
|
|
|
|
+<!-- <a href="">BUCKAROO</a>-->
|
|
|
|
|
+<!-- </li>-->
|
|
|
|
|
+<!-- <li>-->
|
|
|
|
|
+<!-- <a href="">기모청바지</a>-->
|
|
|
|
|
+<!-- </li>-->
|
|
|
|
|
+ </ul>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="cont_body">
|
|
|
|
|
- <div class="area_slider">
|
|
|
|
|
- <div class="swiper-container">
|
|
|
|
|
- <div class="swiper-wrapper">
|
|
|
|
|
- <div class="swiper-slide">
|
|
|
|
|
- <div class="item_prod">
|
|
|
|
|
- <div class="item_state">
|
|
|
|
|
- <a href="#none" class="itemLink">
|
|
|
|
|
- <div class="itemPic">
|
|
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩</div>
|
|
|
|
|
- <p class="itemPrice">80,100
|
|
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="swiper-slide">
|
|
|
|
|
- <div class="item_prod">
|
|
|
|
|
- <div class="item_state">
|
|
|
|
|
- <a href="#none" class="itemLink">
|
|
|
|
|
- <div class="itemPic">
|
|
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
- <p class="itemPrice">80,100
|
|
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="swiper-slide">
|
|
|
|
|
- <div class="item_prod">
|
|
|
|
|
- <div class="item_state">
|
|
|
|
|
- <a href="#none" class="itemLink">
|
|
|
|
|
- <div class="itemPic">
|
|
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
- <p class="itemPrice">80,100
|
|
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="swiper-slide">
|
|
|
|
|
- <div class="item_prod">
|
|
|
|
|
- <div class="item_state">
|
|
|
|
|
- <a href="#none" class="itemLink">
|
|
|
|
|
- <div class="itemPic">
|
|
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
- <p class="itemPrice">80,100
|
|
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="swiper-slide">
|
|
|
|
|
- <div class="item_prod">
|
|
|
|
|
- <div class="item_state">
|
|
|
|
|
- <a href="#none" class="itemLink">
|
|
|
|
|
- <div class="itemPic">
|
|
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
- <p class="itemPrice">80,100
|
|
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="realtime_blk">
|
|
|
|
|
+ <h3>지금 고객님들이 많이 보고 있어요</h3>
|
|
|
|
|
+ <div class="modify_timer">
|
|
|
|
|
+ <button type="button"><span><em class="time">17:30</em> 기준</span></button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="realtime_wrap">
|
|
|
|
|
+ <div class="itemsGrp">
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
</div>
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
- <div class="swiper-slide">
|
|
|
|
|
- <div class="item_prod">
|
|
|
|
|
- <div class="item_state">
|
|
|
|
|
- <a href="#none" class="itemLink">
|
|
|
|
|
- <div class="itemPic">
|
|
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
- <p class="itemPrice">80,100
|
|
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩</div>
|
|
|
|
|
+ <div class="viewCount"><span>508</span>명 보는중</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
</div>
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
- <div class="swiper-slide">
|
|
|
|
|
- <div class="item_prod">
|
|
|
|
|
- <div class="item_state">
|
|
|
|
|
- <a href="#none" class="itemLink">
|
|
|
|
|
- <div class="itemPic">
|
|
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
- <p class="itemPrice">80,100
|
|
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩</div>
|
|
|
|
|
+ <div class="viewCount"><span>508</span>명 보는중</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
</div>
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
- <div class="swiper-slide">
|
|
|
|
|
- <div class="item_prod">
|
|
|
|
|
- <div class="item_state">
|
|
|
|
|
- <a href="#none" class="itemLink">
|
|
|
|
|
- <div class="itemPic">
|
|
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
- <p class="itemPrice">80,100
|
|
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
|
|
- </p>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩</div>
|
|
|
|
|
+ <div class="viewCount"><span>508</span>명 보는중</div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
</div>
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩</div>
|
|
|
|
|
+ <div class="viewCount"><span>508</span>명 보는중</div>
|
|
|
|
|
+ </a>
|
|
|
</div>
|
|
</div>
|
|
|
- <!-- Add Scrollbar -->
|
|
|
|
|
- <div class="swiper-scrollbar"></div>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="content br_lookbook_view cont_others" th:if="${otherLookbookList}">
|
|
|
|
|
- <div class="cont_head">
|
|
|
|
|
- <h3 class="subH1 t_c mb40">다른 룩북 보기</h3>
|
|
|
|
|
- <button onclick="cfnGoToLookbookList();"><span>전체보기</span></button>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="cont_body">
|
|
|
|
|
- <div class="area_slider">
|
|
|
|
|
- <div class="swiper-container">
|
|
|
|
|
- <div class="swiper-wrapper">
|
|
|
|
|
- <th:block th:if="${otherLookbookList}" th:each="oneData, status : ${otherLookbookList}">
|
|
|
|
|
- <div class="swiper-slide">
|
|
|
|
|
- <a th:href="|javascript:cfnGoToLookbookDetail('${oneData.lookbookSq}','${oneData.brandCd}')|">
|
|
|
|
|
- <div class="thumb">
|
|
|
|
|
- <img th:src="${@environment.getProperty('domain.image')+oneData.sysFileNm}" alt="" style="height:307px;">
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="txt">
|
|
|
|
|
- <p class="title" th:text="${oneData.title}">2020 F/W COLLECTION 2020</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </a>
|
|
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
</div>
|
|
</div>
|
|
|
- </th:block>
|
|
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩</div>
|
|
|
|
|
+ <div class="viewCount"><span>508</span>명 보는중</div>
|
|
|
|
|
+ </a>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <!-- Add Arrows -->
|
|
|
|
|
- <div class="swiper-button-next"></div>
|
|
|
|
|
- <div class="swiper-button-prev"></div>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <!-- 상단_LOOKBOOK_picker_상품_팝업 -->
|
|
|
|
|
- <div class="modal fade br_pop lookbook_item_pop" id="lookbookItemPop" tabindex="-1" role="dialog" aria-labelledby="lookbook_item_label" aria-hidden="true">
|
|
|
|
|
- <div class="modal-dialog" role="document">
|
|
|
|
|
- <div class="modal-content">
|
|
|
|
|
- <div class="modal-header">
|
|
|
|
|
- <h5 class="modal-title sr-only" id="lookbook_item_label">상품정보</h5>
|
|
|
|
|
|
|
+ <!-- //검색결과 입력 전 -->
|
|
|
|
|
+ <!-- 검색결과 입력 후 -->
|
|
|
|
|
+ <div class="searching_box" style="display:none;">
|
|
|
|
|
+ <div class="autokeyword_blk">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <li><a href=""><em>가</em>을컬리수</a></li>
|
|
|
|
|
+ <li><a href=""><em>가</em>드상하</a></li>
|
|
|
|
|
+ <li><a href=""><em>가</em>죽자켓</a></li>
|
|
|
|
|
+ <li><a href=""><em>가</em>죽밸트</a></li>
|
|
|
|
|
+ <li><a href=""><em>가</em>운</a></li>
|
|
|
|
|
+ <li><a href=""><em>가</em>을</a></li>
|
|
|
|
|
+ <li><a href=""><em>가</em>디건</a></li>
|
|
|
|
|
+ <li><a href=""><em>가</em>디건형니트</a></li>
|
|
|
|
|
+ <li><a href=""><em>가</em>드밴드레깅스</a></li>
|
|
|
|
|
+ <li><a href=""><em>가</em>을잠옷</a></li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="exfind_blk">
|
|
|
|
|
+ <!-- 검색어 매칭 브랜드 있을 시 노출 -->
|
|
|
|
|
+ <div class="find_brand">
|
|
|
|
|
+ <h3><a href="">나이키 주니어 샵 바로가기</a></h3>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- //검색어 매칭 브랜드 있을 시 노출 -->
|
|
|
|
|
+ <!-- 검색어 매칭 카테고리 있을 시 노출 -->
|
|
|
|
|
+ <div class="find_category">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <span class="category_txt">카테고리</span>
|
|
|
|
|
+ <a href="">
|
|
|
|
|
+ <span>여성</span>
|
|
|
|
|
+ <span><em>니트가디건/베스트</em></span> <!-- 210419_수정 : em태그 전체 텍스트 감싸는 형식. -->
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <span class="category_txt">카테고리</span>
|
|
|
|
|
+ <a href="">
|
|
|
|
|
+ <span>남성</span>
|
|
|
|
|
+ <span><em>니트/가디건/베스트</em></span> <!-- 210419_수정 : em태그 전체 텍스트 감싸는 형식. -->
|
|
|
|
|
+ <span>가디건</span>
|
|
|
|
|
+ <span>롱가디건</span>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </ul>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="modal-body">
|
|
|
|
|
|
|
+ <!-- //검색어 매칭 카테고리 있을 시 노출 -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="pd_list relate">
|
|
|
|
|
+ <h3>관련상품</h3>
|
|
|
|
|
+ <div class="realtime_wrap">
|
|
|
<div class="itemsGrp">
|
|
<div class="itemsGrp">
|
|
|
<div class="item_prod">
|
|
<div class="item_prod">
|
|
|
<div class="item_state">
|
|
<div class="item_state">
|
|
|
- <div class="itemLink">
|
|
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
<div class="itemPic">
|
|
<div class="itemPic">
|
|
|
- <img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/ev_list_img05.jpg">
|
|
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
</div>
|
|
</div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
|
|
- <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
|
|
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
|
|
- <p class="itemPrice">80,100
|
|
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <!-- cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ <p class="itemPrice cols">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
<span class="itemPercent">10%</span>
|
|
<span class="itemPercent">10%</span>
|
|
|
</p>
|
|
</p>
|
|
|
- <button type="button" class="btn btn_default"><span>자세히 보기</span></button>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <!-- //cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ </a>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <!-- cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ <p class="itemPrice cols">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <!-- //cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <!-- cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ <p class="itemPrice cols">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <!-- //cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <!-- cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ <p class="itemPrice cols">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <!-- //cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <!-- cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ <p class="itemPrice cols">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <!-- //cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- //검색결과 입력 후 -->
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 검색결과 없을때 노출 -->
|
|
|
|
|
+ <div class="empty_box">
|
|
|
|
|
+ <div class="nodata">
|
|
|
|
|
+ <p>
|
|
|
|
|
+ <span class="keyword">'티비제이 제기장 스웨터'</span>에 맞는 상품을 찾지 못했습니다.<br>
|
|
|
|
|
+ 검색어를 변경해 보세요.
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="pd_list recommend">
|
|
|
|
|
+ <h3>이런 상품은 어떤가요?</h3>
|
|
|
|
|
+ <div class="itemsGrp">
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <!-- cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ <p class="itemPrice cols">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <!-- //cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <!-- cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ <p class="itemPrice cols">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <!-- //cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <!-- cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ <p class="itemPrice cols">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <!-- //cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <!-- cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ <p class="itemPrice cols">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <!-- //cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item_prod">
|
|
|
|
|
+ <div class="item_state">
|
|
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
|
|
+ <div class="itemPic">
|
|
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
|
|
+ <!-- cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ <p class="itemPrice cols">
|
|
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
|
|
+ 80,100
|
|
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <!-- //cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <!-- //검색결과 없을때 노출 -->
|
|
|
</div>
|
|
</div>
|
|
|
- <!-- //상단_LOOKBOOK_picker_상품_팝업 -->
|
|
|
|
|
|
|
+</div>
|
|
|
|
|
+<button type="button" class="btn_close_search" onclick="fnClose();"><span>닫기</span></button>
|
|
|
|
|
+<script src="/ux/plugins/gaga/gaga.paging.js"></script>
|
|
|
|
|
+<script th:inline="javascript">
|
|
|
|
|
+ /*<![CDATA[*/
|
|
|
|
|
+ var trendKeywordList = [[${trendKeywordList.trendList}]];
|
|
|
|
|
|
|
|
- <script th:inline="javascript">
|
|
|
|
|
-/*<![CDATA[*/
|
|
|
|
|
- var fnTest = function (){
|
|
|
|
|
- console.log('18');
|
|
|
|
|
|
|
+ var fnClose = function (){
|
|
|
|
|
+ $("#layer_search").removeClass('active');
|
|
|
}
|
|
}
|
|
|
- var goodsImgUrl = [[${@environment.getProperty('upload.goods.view')}]];
|
|
|
|
|
- var fnLookbookGoodsPopup = function(obj1,obj2,obj3,obj4,obj5,obj6,obj7){
|
|
|
|
|
- $("#lookbookItemPop").modal("show");
|
|
|
|
|
- $("#lookbookItemPop").find(".pd_img").attr('src',goodsImgUrl+'/'+obj1);
|
|
|
|
|
- $("#lookbookItemPop").find(".itemBrand").text(obj2);
|
|
|
|
|
- $("#lookbookItemPop").find(".itemName").text(obj3);
|
|
|
|
|
- $("#lookbookItemPop").find(".itemPrice_original").text(obj4);
|
|
|
|
|
- $("#lookbookItemPop").find(".itemPrice").text(obj5);
|
|
|
|
|
- $("#lookbookItemPop").find(".itemPercent").text(obj6+'%');
|
|
|
|
|
- $("#lookbookItemPop").find(".btn_default").attr('onclick','cfnGoToPage(_PAGE_GOODS_DETAIL+"'+obj7+'");');
|
|
|
|
|
-}
|
|
|
|
|
- // 컨텐츠 호출
|
|
|
|
|
- $(document).ready( function() {
|
|
|
|
|
- /* 슬라이드 - 상단_LOOKBOOK */
|
|
|
|
|
- var lookbook_visual_slide = new Swiper('.br_lookbook_view.cont_visual .swiper-container', {
|
|
|
|
|
- loop: true,
|
|
|
|
|
- slidesPerView: 'auto',
|
|
|
|
|
- spaceBetween: 20,
|
|
|
|
|
- speed : 800,
|
|
|
|
|
- autoWidth: true,
|
|
|
|
|
- autoHeight: true,
|
|
|
|
|
- centeredSlides: true,
|
|
|
|
|
- autoplay: false,
|
|
|
|
|
- navigation: {
|
|
|
|
|
- nextEl: '.br_lookbook_view.cont_visual .swiper-button-next',
|
|
|
|
|
- prevEl: '.br_lookbook_view.cont_visual .swiper-button-prev',
|
|
|
|
|
- },
|
|
|
|
|
- pagination: {
|
|
|
|
|
- el: '.br_lookbook_view.cont_visual .swiper-pagination',
|
|
|
|
|
- clickable: true,
|
|
|
|
|
- },
|
|
|
|
|
- }, fnTest());
|
|
|
|
|
-
|
|
|
|
|
- /* 슬라이드 - 룩북 속 상품 */
|
|
|
|
|
- var togetherItemSwiper = new Swiper('.br_lookbook_view.cont_items .swiper-container', {
|
|
|
|
|
- slidesPerView: 6,
|
|
|
|
|
- spaceBetween: 20,
|
|
|
|
|
- scrollbar: {
|
|
|
|
|
- el: '.br_lookbook_view.cont_items .swiper-scrollbar',
|
|
|
|
|
- hide: true,
|
|
|
|
|
- },
|
|
|
|
|
- });
|
|
|
|
|
|
|
|
|
|
|
|
+ $(document).ready( function() {
|
|
|
|
|
+ $("#layer_search").addClass('active');
|
|
|
|
|
|
|
|
- var br_ohter_slide = new Swiper('.br_lookbook_view.cont_others .swiper-container', {
|
|
|
|
|
- slidesPerView: 5,
|
|
|
|
|
- spaceBetween: 20,
|
|
|
|
|
- navigation: {
|
|
|
|
|
- nextEl: '.br_lookbook_view.cont_others .swiper-button-next',
|
|
|
|
|
- prevEl: '.br_lookbook_view.cont_others .swiper-button-prev',
|
|
|
|
|
- },
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ if(trendKeywordList.length > 0){
|
|
|
|
|
+ $("#popularKeyArea").html('');
|
|
|
|
|
+ trendKeywordList.forEach(function (item, index){
|
|
|
|
|
+ var tag = '';
|
|
|
|
|
+ if(index<10){
|
|
|
|
|
+ tag += '<li>';
|
|
|
|
|
+ tag += ' <a href="">'+ item.keyword +'</a>';
|
|
|
|
|
+ tag += '</li>';
|
|
|
|
|
+ }
|
|
|
|
|
+ $("#popularKeyArea").append(tag);
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
- // 슬라이드 - 상단_LOOKBOOK > picker - 룩북_피커_상품정보 팝업
|
|
|
|
|
- $(document).on('click','#btn_picker_item01',function(e){
|
|
|
|
|
- $("#lookbookItemPop").modal("show");
|
|
|
|
|
- return false;
|
|
|
|
|
- });
|
|
|
|
|
});
|
|
});
|
|
|
-
|
|
|
|
|
-/*]]>*/
|
|
|
|
|
|
|
+ /*]]>*/
|
|
|
</script>
|
|
</script>
|
|
|
-
|
|
|
|
|
-</th:block>
|
|
|
|
|
-
|
|
|
|
|
-</body>
|
|
|
|
|
-</html>
|
|
|
|
|
|
|
+</html>
|