|
|
@@ -0,0 +1,475 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko"
|
|
|
+ xmlns:th="http://www.thymeleaf.org"
|
|
|
+ xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
+ layout:decorator="web/common/layout/DefaultLayoutWeb">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : LookbookDetailFormWeb.html
|
|
|
+ * @desc : 룩북 상세 Page
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2020 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.04.06 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">TBJ</li>
|
|
|
+ <li class="bread_3depth">룩북</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="wrap">
|
|
|
+ <div class="content br_lookbook_view cont_visual"> <!-- 페이지특정 클래스 = br_lookbook_view -->
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="displayH t_c">2020 F/W COLLECTION</h3>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="bt_lb_item">
|
|
|
+ <img class="vLHTC lb_img" src="/images/pc/thumb/br_lookbook_img01.jpg" alt="BLUE-a" />
|
|
|
+ <div class="item_picker" style="left:20%; top:44%;">
|
|
|
+ <button type="button" id="btn_picker_item01"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명11
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_picker" style="left:60%; top:30%;">
|
|
|
+ <button type="button" id="btn_picker_item01"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명12
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="bt_lb_item">
|
|
|
+ <img class="vLHTC lb_img" src="/images/pc/thumb/br_lookbook_img02.jpg" alt="BLUE-a" />
|
|
|
+ <div class="item_picker" style="left:20%; top:44%;">
|
|
|
+ <button type="button" id="btn_picker_item01"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명21
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_picker" style="left:60%; top:30%;">
|
|
|
+ <button type="button" id="btn_picker_item01"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명22
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="bt_lb_item">
|
|
|
+ <img class="vLHTC lb_img" src="/images/pc/thumb/br_lookbook_img03.jpg" alt="BLUE-a" />
|
|
|
+ <div class="item_picker" style="left:20%; top:44%;">
|
|
|
+ <button type="button" id="btn_picker_item01"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명31
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_picker" style="left:60%; top:30%;">
|
|
|
+ <button type="button" id="btn_picker_item01"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명32
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="bt_lb_item">
|
|
|
+ <img class="vLHTC lb_img" src="/images/pc/thumb/br_lookbook_img04.jpg" alt="BLUE-a" />
|
|
|
+ <div class="item_picker" style="left:20%; top:44%;">
|
|
|
+ <button type="button" id="btn_picker_item01"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명41
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_picker" style="left:60%; top:30%;">
|
|
|
+ <button type="button" id="btn_picker_item01"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명42
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-button-prev"></div>
|
|
|
+ <div class="swiper-button-next"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="text_cont">
|
|
|
+ 국내 대표 패션기업 한세엠케이의 스타일리시 어반 캐주얼 브랜드 앤듀(ANDEW)가 중성적이고 시크한 감각을 극대화한 2020 F/W 시즌 룩북을 공개했다.<br>
|
|
|
+ 앤듀는 올 하반기 정소현, 안재형, 고웅호 등 글로벌 런웨이 무대에서 활약중인 전문 패션 모델들과 함께 성별의 경계를 뛰어넘어 개개인의 개성을 드러내는 젠더뉴트럴 패션을 앤듀만의 감각으로 새롭게 전개한다. 중성적인 매력을 자아내는 3명의 모델들은 각자의 개성과 매력을 뽐내며 세련미를 더한 젠더리스 감성을 한층 더 완성도 있게 소화해 눈길을 끈다. 공개된 룩북에서는 따뜻하고 부드러운 파스텔톤, 차분한 모노크롬 컬러로 극명하게 상반된 분위기를 연출하며 각기 다른 유니섹스 스타일을 선보였다. 격식을 갖추되 포멀하진 않게 자연스럽게 떨어지는 핏과 힙한 디자인을 통해 앤듀만의 젠더뉴트럴 캐주얼룩을 연출한 것. 또한, 이번 시즌에도 패션업계에 불고 있는 ‘필(必)환경’ 트렌드에 따라 그린슈머들을 사로잡을 다양한 친환경적인 제품들을 주력으로 출시하며 지속가능한 패션을 실천할 계획이다. 버려진 페트병이나 플라스틱을 활용해 친환경 재생 섬유인 리사이클 페트(PET)원사로 의상을 제작하고, 동물친화적 비건 소재를 활용해 가치소비가 가능할 수 있도록 구성했다.
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content br_lookbook_view cont_items">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3>룩북 속 상품<span class="number">(9,999)</span></h3>
|
|
|
+ <button class="btn btn_primary"><span>모두 쇼핑백 담기</span></button>
|
|
|
+ </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>
|
|
|
+ <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>
|
|
|
+ <!-- Add Scrollbar -->
|
|
|
+ <div class="swiper-scrollbar"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content br_lookbook_view cont_others">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="subH1 t_c mb40">다른 룩북 보기</h3>
|
|
|
+ <button><span>전체보기</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <a href="">
|
|
|
+ <div class="thumb">
|
|
|
+ <img src="/images/pc/thumb/ev_list_img01.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="txt">
|
|
|
+ <p class="title">2020 F/W COLLECTION 2020</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <a href="">
|
|
|
+ <div class="thumb">
|
|
|
+ <img src="/images/pc/thumb/ev_list_img02.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="txt">
|
|
|
+ <p class="title">2020 S/S COLLECTION</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <a href="">
|
|
|
+ <div class="thumb">
|
|
|
+ <img src="/images/pc/thumb/ev_list_img03.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="txt">
|
|
|
+ <p class="title">2019 F/W COLLECTION 2019 F/W COLLECTION</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <a href="">
|
|
|
+ <div class="thumb">
|
|
|
+ <img src="/images/pc/thumb/ev_list_img04.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="txt">
|
|
|
+ <p class="title">2019 S/S COLLECTION</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <a href="">
|
|
|
+ <div class="thumb">
|
|
|
+ <img src="/images/pc/thumb/ev_list_img05.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="txt">
|
|
|
+ <p class="title">2018 F/W COLLECTION</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <a href="">
|
|
|
+ <div class="thumb">
|
|
|
+ <img src="/images/pc/thumb/ev_list_img06.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="txt">
|
|
|
+ <p class="title">2018 S/S COLLECTION</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <a href="">
|
|
|
+ <div class="thumb">
|
|
|
+ <img src="/images/pc/thumb/ev_list_img07.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="txt">
|
|
|
+ <p class="title">2017 F/W COLLECTION</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <a href="">
|
|
|
+ <div class="thumb">
|
|
|
+ <img src="/images/pc/thumb/ev_list_img08.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="txt">
|
|
|
+ <p class="title">2017 S/S COLLECTION 2017 S/S COLLECTION</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Add Arrows -->
|
|
|
+ <div class="swiper-button-next"></div>
|
|
|
+ <div class="swiper-button-prev"></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>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="itemsGrp">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <div class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/ev_list_img05.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <button type="button" class="btn btn_default"><span>자세히 보기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상단_LOOKBOOK_picker_상품_팝업 -->
|
|
|
+
|
|
|
+ <script th:inline="javascript">
|
|
|
+/*<![CDATA[*/
|
|
|
+ // 컨텐츠 호출
|
|
|
+ $(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,
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ /* 슬라이드 - 룩북 속 상품 */
|
|
|
+ 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,
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ 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',
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ // 슬라이드 - 상단_LOOKBOOK > picker - 룩북_피커_상품정보 팝업
|
|
|
+ $(document).on('click','#btn_picker_item01',function(e){
|
|
|
+ $("#lookbookItemPop").modal("show");
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+/*]]>*/
|
|
|
+</script>
|
|
|
+
|
|
|
+</th:block>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
bin2107