|
|
@@ -81,12 +81,12 @@
|
|
|
|
|
|
<th:block th:if="${contentsLoc=='002'}">
|
|
|
<!-- 신상품 -->
|
|
|
- <div class="content wide new_item" th:if="${newGoodsList != null}">
|
|
|
+ <div class="content new_item" th:if="${newGoodsList != null}">
|
|
|
<div class="cont_head">
|
|
|
- <h3 class="displayH" th:text="${contentsTitle}">신상품</h3>
|
|
|
+ <h4 th:text="${contentsTitle}">신상품</h4>
|
|
|
</div>
|
|
|
<div class="cont_body">
|
|
|
- <div class="swiper-container post-trendy">
|
|
|
+ <div class="swiper-container">
|
|
|
<div class="swiper-wrapper">
|
|
|
<div class="swiper-slide" th:each="item, status : ${newGoodsList}">
|
|
|
<div class="item_prod" th:if="${status.count<21}">
|
|
|
@@ -153,66 +153,63 @@
|
|
|
/*<![CDATA[*/
|
|
|
$(document).ready(function() {
|
|
|
fnSetCategory1Depts();
|
|
|
- });
|
|
|
-
|
|
|
- var submain_slide = new Swiper('.dp_sum_slide .swiper-container', {
|
|
|
- slidesPerView: 4,
|
|
|
- spaceBetween: 20,
|
|
|
- freeMode:true,
|
|
|
- scrollbar: {
|
|
|
- el: '.dp_sum_slide .swiper-scrollbar',
|
|
|
- hide: false,
|
|
|
- },
|
|
|
- navigation: {
|
|
|
- nextEl: '.dp_sum_slide .swiper-button-next',
|
|
|
- prevEl: '.dp_sum_slide .swiper-button-prev'
|
|
|
- }
|
|
|
- });
|
|
|
|
|
|
- /* SLIDE - NEW ITEMS */
|
|
|
- var dp_submain_newitem = new Swiper('.dp .new_item .swiper-container', {
|
|
|
- watchSlidesProgress: true,
|
|
|
- watchSlidesVisibility: true,
|
|
|
- allowTouchMove: false,
|
|
|
- speed : 1000,
|
|
|
- autoplay: {
|
|
|
- delay: 3000,
|
|
|
- disableOnInteraction:false
|
|
|
- },
|
|
|
- navigation: {
|
|
|
- nextEl: '.dp .new_item .swiper-button-next',
|
|
|
- prevEl: '.dp .new_item .swiper-button-prev'
|
|
|
- },
|
|
|
- pagination: {
|
|
|
- el: '.dp .new_item .swiper-pagination',
|
|
|
- clickable: true
|
|
|
- },
|
|
|
- slidesPerView: 'auto',
|
|
|
- spaceBetween: 22
|
|
|
- });
|
|
|
-
|
|
|
- dp_submain_newitem.on('slideChange', function () {
|
|
|
- var newitemIndex = dp_submain_newitem.activeIndex;
|
|
|
- var slideWidth = $(".dp .new_item .swiper-slide-visible").eq(0).width() + 22;
|
|
|
-
|
|
|
- $(".dp .new_item .swiper-slide").removeClass('scaleBig');
|
|
|
- $(".dp .new_item .swiper-slide-visible").eq(0).addClass('scaleBig');
|
|
|
- $(".dp .new_item .swiper-slide-visible").eq(3).addClass('scaleBig');
|
|
|
-
|
|
|
- $(".dp .new_item .swiper-wrapper").css("transform","translateX(-"+ (slideWidth * newitemIndex) +"px)");
|
|
|
- });
|
|
|
+ /* SLIDE - 상단 스크롤 슬라이드 배너 */
|
|
|
+ var submain_slide = new Swiper('.dp_submain .swiper-container', {
|
|
|
+ slidesPerView: 4,
|
|
|
+ spaceBetween: 20,
|
|
|
+ freeMode:true,
|
|
|
+ scrollbar: {
|
|
|
+ el: '.dp_submain .swiper-scrollbar',
|
|
|
+ hide: false,
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ /* SLIDE - NEW ITEMS */
|
|
|
+ var dp_submain_newitem = new Swiper('.dp .new_item .swiper-container', {
|
|
|
+ watchSlidesProgress: true,
|
|
|
+ watchSlidesVisibility: true,
|
|
|
+ allowTouchMove: false,
|
|
|
+ speed : 1000,
|
|
|
+ autoplay: {
|
|
|
+ delay: 3000,
|
|
|
+ disableOnInteraction:false,
|
|
|
+ },
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.dp .new_item .swiper-button-next',
|
|
|
+ prevEl: '.dp .new_item .swiper-button-prev',
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ el: '.dp .new_item .swiper-pagination',
|
|
|
+ clickable: true,
|
|
|
+ },
|
|
|
+ slidesPerView: 'auto',
|
|
|
+ spaceBetween: 22,
|
|
|
+ });
|
|
|
|
|
|
- dp_submain_newitem.on('reachEnd', function () {
|
|
|
- var newitemIndex = dp_submain_newitem.activeIndex + 1;
|
|
|
- var slideWidth = $(".dp .new_item .swiper-slide-visible").eq(0).width() + 22;
|
|
|
-
|
|
|
- $(".dp .new_item .swiper-slide").removeClass('scaleBig');
|
|
|
- $(".dp .new_item .swiper-slide-visible").eq(1).addClass('scaleBig');
|
|
|
- $(".dp .new_item .swiper-slide-visible").eq(4).addClass('scaleBig');
|
|
|
+ dp_submain_newitem.on('slideChange', function () {
|
|
|
+ var newitemIndex = dp_submain_newitem.activeIndex;
|
|
|
+ var slideWidth = $(".dp .new_item .swiper-slide-visible").eq(0).width() + 22;
|
|
|
|
|
|
- $(".dp .new_item .swiper-wrapper").css("transform","translateX(-"+ (slideWidth * newitemIndex) +"px)");
|
|
|
+ $(".dp .new_item .swiper-slide").removeClass('scaleBig');
|
|
|
+ $(".dp .new_item .swiper-slide-visible").eq(0).addClass('scaleBig');
|
|
|
+ $(".dp .new_item .swiper-slide-visible").eq(3).addClass('scaleBig');
|
|
|
+
|
|
|
+ $(".dp .new_item .swiper-wrapper").css("transform","translateX(-"+ (slideWidth * newitemIndex) +"px)");
|
|
|
+ });
|
|
|
+
|
|
|
+ dp_submain_newitem.on('reachEnd', function () {
|
|
|
+ var newitemIndex = dp_submain_newitem.activeIndex + 1;
|
|
|
+ var slideWidth = $(".dp .new_item .swiper-slide-visible").eq(0).width() + 22;
|
|
|
+
|
|
|
+ $(".dp .new_item .swiper-slide").removeClass('scaleBig');
|
|
|
+ $(".dp .new_item .swiper-slide-visible").eq(1).addClass('scaleBig');
|
|
|
+ $(".dp .new_item .swiper-slide-visible").eq(4).addClass('scaleBig');
|
|
|
+
|
|
|
+ $(".dp .new_item .swiper-wrapper").css("transform","translateX(-"+ (slideWidth * newitemIndex) +"px)");
|
|
|
+ });
|
|
|
});
|
|
|
-
|
|
|
+
|
|
|
// 카테고리1Depts 설정
|
|
|
var fnSetCategory1Depts = function() {
|
|
|
let allCate = [[${allCateList}]];
|