|
|
@@ -0,0 +1,100 @@
|
|
|
+<html lang="ko"
|
|
|
+ xmlns:th="http://www.thymeleaf.org">
|
|
|
+<!-- 배송비 SAVE 상품보기, 다다익선 할인 상품 보기 -->
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content"><div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="dlvrSaveLabel">배송비 SAVE 상품</h5>
|
|
|
+ <input type="text" th:value="${goodsList.size()}" />
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container swiper-container-initialized swiper-container-horizontal">
|
|
|
+ <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
|
|
|
+ <div class="swiper-slide swiper-slide-active" style="width: 150px; margin-right: 20px;">
|
|
|
+ <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>
|
|
|
+ <button type="button" class="btn btn_default btn_sm"><span>쇼핑백 담기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide swiper-slide-next" style="width: 150px; margin-right: 20px;">
|
|
|
+ <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>
|
|
|
+ <button type="button" class="btn btn_default btn_sm"><span>쇼핑백 담기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 150px; margin-right: 20px;">
|
|
|
+ <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>
|
|
|
+ <button type="button" class="btn btn_default btn_sm"><span>쇼핑백 담기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Add Scrollbar -->
|
|
|
+ <div class="swiper-scrollbar"></div>
|
|
|
+ <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
|
|
|
+ </div>
|
|
|
+ <!-- -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <script>
|
|
|
+ //팝업 - 배송비 SAVE 상품보기 > 슬라이드
|
|
|
+ var dlvrSaveSwiper = new Swiper('.dlvrSave_pop .swiper-container', {
|
|
|
+ observer:true,
|
|
|
+ observeParents: true,
|
|
|
+ slidesPerView: 5,
|
|
|
+ spaceBetween: 20,
|
|
|
+ scrollbar: {
|
|
|
+ el: '.dlvr_save_pop .swiper-scrollbar',
|
|
|
+ hide: true,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <a href="#close-modal" rel="modal:close" id="dlvrSavePop_close" class="close-modal">Close</a>
|
|
|
+ <!-- // 배송비 SAVE 상품보기, 다다익선 할인 상품 보기 -->
|
|
|
+
|
|
|
+<script th:inline="javascript">
|
|
|
+ $(document).ready(function() {
|
|
|
+
|
|
|
+ });
|
|
|
+</script>
|
|
|
+</html>
|