모바일 메인, 기획전상세 퍼블관련 수정

src/main/webapp/WEB-INF/views/mob/display/MallMainFormMob.html

@@ -677,45 +677,6 @@
 														</dd>
 													</dl>
 												</li>
-												<li>
-													<dl>
-														<dt>
-															<button>
-																<span class="fold_rank">8</span>
-																<span class="fold_txt">키워드_8</span>
-															</button>
-														</dt>
-														<dd>
-															키워드_8_슬라이드
-														</dd>
-													</dl>
-												</li>
-												<li>
-													<dl>
-														<dt>
-															<button>
-																<span class="fold_rank">9</span>
-																<span class="fold_txt">키워드_9</span>
-															</button>
-														</dt>
-														<dd>
-															키워드_9_슬라이드
-														</dd>
-													</dl>
-												</li>
-												<li>
-													<dl>
-														<dt>
-															<button>
-																<span class="fold_rank">10</span>
-																<span class="fold_txt">키워드_10</span>
-															</button>
-														</dt>
-														<dd>
-															키워드_10_슬라이드
-														</dd>
-													</dl>
-												</li>
 											</ol>
 											<!-- 폴딩종료 -->
 										</div>
@@ -1178,10 +1139,10 @@
 			pagination: {
 				el: '.swiper-pagination',
 			},
-			autoplay: {
-				delay: 24700,
-				disableOnInteraction: false,
-			},
+			// autoplay: {
+			// 	delay: 24700,
+			// 	disableOnInteraction: false,
+			// },
 			on : {
 				slideChange: function(){
 					foryouIndex = 0;
@@ -1202,11 +1163,8 @@
 		});
 
 		var foryouIndex = 0;
-		//var foryouIndex1 = -1;
-		//var foryouIndex2 = -1;
 		var cntNum = 0;
 		function foryouInterval(_foryouIndex) {
-			//console.log($(".main_foryou .post-sug .swiper-slide.swiper-slide-active .list_cate li")[0]);
 			var foryouCateItems1 = $(".main_foryou .post-sug .swiper-slide.type1.swiper-slide-active .list_cate li");
 			var foryouCateItems2 = $(".main_foryou .post-sug .swiper-slide.type2.swiper-slide-active .list_cate li");
 			$(".main_foryou .post-sug .swiper-slide.type1 .list_cate li").removeClass("on");
@@ -1216,50 +1174,20 @@
 				$(foryouCateItems1[(_foryouIndex + 1) % 5]).addClass("on");
 				if (_foryouIndex >= 5) foryouIndex = 0;
 				foryouIndex++;
-				//$(foryouCateItems1[_foryouIndex % 5]).removeClass("on");
-				//setTimeout(function () {
-				//		foryouInterval(foryouIndex1);
-				//		if (foryouIndex1 >= 5) foryouIndex1 = 0;
-				//		foryouIndex1++;
-				//}, 0);
 				$(foryouCateItems1).click(function () {
-					//console.log($(this).index());
 					foryouIndex = $(this).index();
-					//setInterval(function () {
-					//	foryouInterval(foryouIndex1);
-					//	if (foryouIndex1 >= 5) foryouIndex1 = 0;
-					//	foryouIndex1++;
-					//}, 2000);
 					clearInterval(stopInter);
 					stopInter = startTimeInterval();
-					//setTimeout(function () {
-					//	foryouInterval(foryouIndex);
-					//}, 0);
 				});
 			}
 			if($(".main_foryou .post-sug .swiper-slide.type2").hasClass("swiper-slide-active")){
 				$(foryouCateItems2[(_foryouIndex + 1) % 5]).addClass("on");
 				if (_foryouIndex >= 5) foryouIndex = 0;
 				foryouIndex++;
-				//$(foryouCateItems2[_foryouIndex % 5]).removeClass("on");
-				//setTimeout(function () {
-				//		foryouInterval(foryouIndex2);
-				//		if (foryouIndex2 >= 5) foryouIndex2 = 0;
-				//		foryouIndex2++;
-				//}, 0);
 				$(foryouCateItems2).click(function () {
-					//console.log($(this).index());
 					foryouIndex = $(this).index();
-					//setInterval(function () {
-					//	foryouInterval(foryouIndex2);
-					//	if (foryouIndex2 >= 5) foryouIndex2 = 0;
-					//	foryouIndex2++;
-					//}, 2000);
 					clearInterval(stopInter);
 					stopInter = startTimeInterval();
-					//setTimeout(function () {
-					//	foryouInterval(foryouIndex);
-					//}, 0);
 				});
 			}
 		}
@@ -1281,6 +1209,7 @@
 
 
 		var post_sug_items = new Swiper ('.swiper-container.post-sug-items', {
+			autoHeight: true, //210720_ 추가
 			slidesPerView: 3,
 			spaceBetween: 10,
 			speed : 1000,

src/main/webapp/WEB-INF/views/mob/planning/PlanningDetailFormMob.html

@@ -1090,18 +1090,30 @@ $(document).ready(function(){
 	//상단 빅배너 슬라이드
 	var big_banner_slide = new Swiper('.big_banner_slide .swiper-container', {
 		slidesPerView: 1,
-		spaceBetween: 8,
+		spaceBetween: 0,
+		speed: 1000,
 		centerMode: true,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			firstSlideMessage: '첫번째 슬라이드 입니다',
+			lastSlideMessage: '마지막 슬라이드 입니다',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		pagination: {
 			el: '.big_banner_slide .swiper-pagination',
 		},
 	});
 	//review 슬라이드
+	// 210615_ 수정 : 슬라이드 간격, width값, centeredSlides 수정.
 	var dp_reviewitem_slide = new Swiper('.review .swiper-container', {
-		slidesPerView: 1,
-		spaceBetween: 8,
+		slidesPerView: 'auto',
+		spaceBetween: 15,
+		speed: 1000,
 		loop: true,
-		centerMode: true,
+		centeredSlides: true,
 		pagination: {
 			el: '.review .swiper-pagination',
 			type: 'fraction',
@@ -1111,6 +1123,16 @@ $(document).ready(function(){
 	var dp_listItems_cont1 = new Swiper('.dp_listItems_cont .swiper-container.item01', {
 		slidesPerView: 1,
 		spaceBetween: 0,
+		speed: 1000,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			firstSlideMessage: '첫번째 슬라이드 입니다',
+			lastSlideMessage: '마지막 슬라이드 입니다',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		centerMode: true,
 		pagination: {
 			el: '.dp_listItems_cont .swiper-container.item01 .swiper-pagination',
@@ -1119,24 +1141,53 @@ $(document).ready(function(){
 
 	// 아이템스라이드(리스트갯수2)
 	var dp_listItems_slide3 = new Swiper('.dp_listItems_cont .swiper-container.item02', {
-		slidesPerView: 'auto',
-		slidesPerView: 2,
+		slidesPerView: "auto",
 		spaceBetween: 8,
+		speed: 1000,
 		centerMode: true,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			firstSlideMessage: '첫번째 슬라이드 입니다',
+			lastSlideMessage: '마지막 슬라이드 입니다',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 	});
 
 	// 아이템스라이드(리스트갯수3)
 	var dp_listItems_slide3 = new Swiper('.dp_listItems_slide .swiper-container.item03', {
 		slidesPerView: 3,
 		spaceBetween: 8,
+		speed: 1000,
 		centerMode: true,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			firstSlideMessage: '첫번째 슬라이드 입니다',
+			lastSlideMessage: '마지막 슬라이드 입니다',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 	});
 	
 	/* SLIDE - 다른 기획전,이벤트 보기 */
 	var other_promotion_slide = new Swiper('.other_promotion_slide .swiper-container', {
-		slidesPerView: 'auto',
+		slidesPerView: "auto",
 		spaceBetween: 8,
-		centerMode:true,
+		speed: 1000,
+		centerMode: true,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			firstSlideMessage: '첫번째 슬라이드 입니다',
+			lastSlideMessage: '마지막 슬라이드 입니다',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 	});
 	
 	 $(document).on('click','.popup_box .button_list button',function(){
@@ -1176,15 +1227,38 @@ $(document).ready(function(){
 	}); */
     
 	// 210415_드롭박스 상단고정
+	var itemTopTxt=$('.dp .dp_listItems_wrap.type1 .dp_subtitle').text();
+	var itemTop2Txt=$('.dp .dp_listItems_wrap.type2 .dp_subtitle').text();
+	var itemTop3Txt=$('.dp .other_promotion_slide .dp_subtitle').text();
 	$(window).scroll(function(){
 		var scrollTop= $(window).scrollTop();
-		var itemTop=$('.dp .dp_listItems_wrap.type1').offset().top;
+		var itemTop=$('.dp .dp_listItems_wrap.type1').offset().top - 61;  // 210720_위치 이동 치수 추가
+		var itemTop2=$('.dp .dp_listItems_wrap.type2').offset().top - 61; // 210720_위치 이동 치수 추가
+		var itemTop3=$('.dp .other_promotion_slide').offset().top - 61;   // 210720_위치 이동 치수 추가
+		$('.dp .dp_listItems_wrap .items_option').css('display', 'block');
 
-        if (scrollTop >= itemTop){
-            $('.dp .dp_listItems_wrap .items_option').addClass('fix');
-        } else {
-            $('.dp .dp_listItems_wrap .items_option').removeClass('fix');
-        }
+		if (scrollTop >= itemTop-120 && scrollTop < itemTop2){
+			$('.dp .dp_listItems_wrap .items_option').addClass('fix');
+			$('.dp .dp_listItems_wrap .items_option').closest('.inner').css('padding-top', '7rem');
+			$('.dp .dp_listItems_wrap .items_option #filter').text(itemTopTxt);
+		} else if(scrollTop >= itemTop2 && scrollTop < itemTop3) {
+			$('.dp .dp_listItems_wrap .items_option #filter').text(itemTop2Txt);
+		} else if(scrollTop >= itemTop3) {
+			$('.dp .dp_listItems_wrap .items_option #filter').text(itemTop3Txt);
+		} else {
+			$('.dp .dp_listItems_wrap .items_option').removeClass('fix');
+			$('.dp .dp_listItems_wrap .items_option').closest('.inner').css('padding-top', '0');
+			$('.dp .dp_listItems_wrap .items_option #filter').text('모이몰른');
+		}
+		if($(window).scrollTop() + $(window).height() == $(document).height()) {
+			$('.dp .dp_listItems_wrap .items_option').css('display', 'none');
+		}
+		//210622_ 추가 : 헤더에 gnb 있을 경우. gnb 노출 제어.
+		if($(".typeSelector .items_option").hasClass("fix")){
+			$("#gnb").hide();
+		}else{
+			$("#gnb").show();
+		}
 	});
 	
 	//210510_추가 : 토스트 팝업 button 클릭 시 팝업 닫기.

src/main/webapp/WEB-INF/views/web/planning/PlanningDetailFormWeb.html

@@ -1147,6 +1147,13 @@ $(document).ready( function() {
 		slidesPerView: 1,
 		autoHeight:true,
 		speed : 1000,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		navigation: {
 			nextEl: '.promotion_visual.type2 .swiper-button-next',
 			prevEl: '.promotion_visual.type2 .swiper-button-prev',
@@ -1162,6 +1169,13 @@ $(document).ready( function() {
 		loop: true,
 		slidesPerView: 1,
 		speed : 1000,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		navigation: {
 			nextEl: '.mid_banner .swiper-button-next',
 			prevEl: '.mid_banner .swiper-button-prev',
@@ -1179,6 +1193,13 @@ $(document).ready( function() {
 		slidesPerGroup: 2,
 		spaceBetween: 20,
 		speed : 1000,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		navigation: {
 			nextEl: '.dp_listItems_cont.type2 .swiper-button-next',
 			prevEl: '.dp_listItems_cont.type2 .swiper-button-prev',
@@ -1196,6 +1217,13 @@ $(document).ready( function() {
 		slidesPerGroup: 4,
 		spaceBetween: 20,
 		speed : 1000,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		navigation: {
 			nextEl: '.dp_listItems_cont.type3 .swiper-button-next',
 			prevEl: '.dp_listItems_cont.type3 .swiper-button-prev',
@@ -1210,6 +1238,13 @@ $(document).ready( function() {
 		slidesPerView: 5,
 		spaceBetween: 20,
 		speed:1000,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		navigation: {
 			nextEl: '.other_promotion_slide .swiper-button-next',
 			prevEl: '.other_promotion_slide .swiper-button-prev',