1:1만위 등록버튼오류, 총알배송 메뉴겹침, 검색 가로스크롤 수정

src/main/webapp/WEB-INF/views/mob/callcenter/OneToOneQnaFormMob.html

@@ -200,8 +200,10 @@
 						</div>
 					</div>
 				</div>
-				<div class="cs_contactUs_my_footer">
-					<a href="#none" class="myQuestion" id="btnSaveQna"><p>등록</p></a>
+				<div class="modal-footer">
+					<div class="btn_group_flex">
+						<div><button type="button" class="btn btn_dark" id="btn_resist"><span>등록</span></button></div>
+					</div>
 				</div>
 			</div>
 		</div>

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

@@ -374,6 +374,13 @@ $(document).ready(function(){
 			}
 		});
 	    
+		 //210622_ 추가 : 헤더에 gnb 있을 경우. gnb 노출 제어.
+		if($(".typeSelector .items_option").hasClass("fix")){
+			$("#gnb").hide();
+		}else{
+			$("#gnb").show();
+		}
+
 	});
 	
 	// 아이템스라이드(리스트갯수1)

src/main/webapp/WEB-INF/views/web/display/SearchLayerWeb.html

@@ -62,20 +62,29 @@
 					<button type="button" onclick="fnRealtimeGoodsList();"><span><em class="time" th:text="${#calendars.format(#calendars.createNow(), 'HH:mm')}">17:30</em> 기준</span></button>
 				</div>
 				<div class="realtime_wrap">
-					<div class="itemsGrp" id="itemViewArea">
-						<th:block th:each="item, status : ${realtimeGoodsList}">
-							<div class="item_prod">
-								<div class="item_state">
-									<a th:href="${item.itemUrl}" class="itemLink">
-										<div class="itemPic">
-											<img alt="" class="vLHTC pd_img" th:src="${item.imageUrl}">
+				
+					<div class="swiper-container">
+	           			<div class="swiper-wrapper itemsGrp" id="itemViewArea">
+							<th:block th:each="item, status : ${realtimeGoodsList}">
+								<div class="swiper-slide">
+									<div class="item_prod">
+										<div class="item_state">
+											<a th:href="${item.itemUrl}" class="itemLink">
+												<div class="itemPic">
+													<img alt="" class="vLHTC pd_img" th:src="${item.imageUrl}">
+												</div>
+												<div class="itemName" th:text="${item.itemName}"></div>
+												<div class="viewCount"><span th:text="${item.count < 10 ? '10명 미만' : item.count + '명 보는중'}"></span></div>
+											</a>
 										</div>
-										<div class="itemName" th:text="${item.itemName}"></div>
-										<div class="viewCount"><span th:text="${item.count < 10 ? '10명 미만' : item.count + '명 보는중'}"></span></div>
-									</a>
+									</div>
 								</div>
-							</div>
-						</th:block>
+							</th:block>
+						</div>
+						<div class="swiper-controls">
+			                <div class="swiper-scrollbar"></div>
+			            </div>
+						
 					</div>
 				</div>
 			</div>
@@ -182,6 +191,7 @@
 		cfnGoToPage(actionUrl);
 	});
 
+	var submain_slide;
 	$(document).ready( function() {
 		$("#layer_search").addClass('active');
 
@@ -202,6 +212,21 @@
 
 		//통합검색 - 검색어 입력 시
 		//
+		
+		// 지금 고객님들이 많이 보고 있어요
+		//210730_ 추가 : 지금 고객님들이 많이 보고 있어요 슬라이드 swiper 옵션 추가.
+		submain_slide = new Swiper('.realtime_wrap .swiper-container', {
+			slidesPerView: 5,
+			watchOverflow:true,
+			freeMode:true,
+			observer: true,
+			observeParents: true,
+			speed:1000,
+			scrollbar: {
+				el: '.realtime_wrap .swiper-scrollbar',
+				hide: false,
+			},
+		});
 	});
 
 	// 검색어 찾기
@@ -365,24 +390,41 @@
 		$.getJSON('/display/realtime/goods/list', function (result){
 			if(result.length > 0){
 				$.each(result, function (idx, item){
-					html += '<div class="item_prod">\n';
-					html += '	<div class="item_state">\n';
-					html += '		<a href="'+item.itemUrl+'" class="itemLink">\n';
-					html += '			<div class="itemPic">\n';
-					html += '				<img alt="" class="vLHTC pd_img" src="'+item.imageUrl+'">\n';
-					html += '			</div>\n';
-					html += '			<div class="itemName">'+item.itemName+'</div>\n';
+					html += '<div class="swiper-slide">\n';
+					html += '	<div class="item_prod">\n';
+					html += '		<div class="item_state">\n';
+					html += '			<a href="'+item.itemUrl+'" class="itemLink">\n';
+					html += '				<div class="itemPic">\n';
+					html += '					<img alt="" class="vLHTC pd_img" src="'+item.imageUrl+'">\n';
+					html += '				</div>\n';
+					html += '				<div class="itemName">'+item.itemName+'</div>\n';
 					if(item.count < 10){
 						html += '			<div class="viewCount"><span>10명</span> 미만</div>\n';
 					}else{
 						html += '			<div class="viewCount"><span>'+item.count.addComma()+'</span>명 보는중</div>\n';
 					}
-					html += '		</a>\n';
+					html += '			</a>\n';
+					html += '		</div>\n';
 					html += '	</div>\n';
 					html += '</div>\n';
+									
 				});
 			}
 			$("#itemViewArea").append(html);
+			
+			// 슬라이드 사이즈 때문에 재설정함
+			submain_slide = new Swiper('.realtime_wrap .swiper-container', {
+				slidesPerView: 5,
+				watchOverflow:true,
+				freeMode:true,
+				observer: true,
+				observeParents: true,
+				speed:1000,
+				scrollbar: {
+					el: '.realtime_wrap .swiper-scrollbar',
+					hide: false,
+				},
+			});
 		});
 	}
 

src/main/webapp/ux/pc/css/layout.css

@@ -217,7 +217,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .common_search .realtime_wrap .swiper-controls {margin-top: 20px;}
 .common_search .realtime_wrap .swiper-scrollbar {background:#ddd; height:2px; opacity: 1 !important;}
 .common_search .realtime_wrap .swiper-scrollbar-drag {border-radius:0; background:#222;}
-/* .common_search .realtime_wrap .item_prod {width: 100%;} */
+.common_search .realtime_wrap .item_prod {width: 100%;}
 .common_search .realtime_wrap .item_prod .itemName {color:#000; margin:0 0 15px; font-weight: 300;}
 .common_search .realtime_wrap .item_prod .viewCount {display:table; width: fit-content;height: 30px;color: #fd4802;line-height: 1;font-size: 14px;font-weight: 400;text-align: center;vertical-align: middle;letter-spacing: -.025rem;padding: 6px 12px;border: 2px solid #fd4802;border-radius: 50px;box-sizing: border-box;}
 .common_search .realtime_wrap .item_prod .item_state {padding-bottom: 0;}