이태영 - 20210526 장바구니 모바일 추천상품 영역 수정

src/main/webapp/WEB-INF/views/mob/cart/CartListAjaxFormMob.html

@@ -507,9 +507,9 @@
 		<div class="inner wide">
 			<div class="od_recommend">
 				<h3>추천상품</h3>
-				<div class="swiper-container item_list">
-					<div class="swiper-wrapper">
-						<div class="swiper-slide">
+				<div class="swiper-container item_list swiper-container-initialized swiper-container-horizontal swiper-container-android">
+					<div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
+						<div class="swiper-slide swiper-slide-active" style="width: 176px; margin-right: 8px;">
 							<div class="item_prod"> <!-- item_prod ranker d_detail -->
 								<div class="item_state"> <!-- item_state AD soldout -->
 									<button type="button" class="itemLike">관심상품 추가</button>
@@ -537,7 +537,7 @@
 								</div>
 							</div>
 						</div>
-						<div class="swiper-slide">
+						<div class="swiper-slide swiper-slide-next" style="width: 176px; margin-right: 8px;">
 							<div class="item_prod"> <!-- item_prod ranker d_detail -->
 								<div class="item_state"> <!-- item_state AD soldout -->
 									<button type="button" class="itemLike">관심상품 추가</button>
@@ -565,7 +565,7 @@
 								</div>
 							</div>
 						</div>
-						<div class="swiper-slide">
+						<div class="swiper-slide" style="width: 176px; margin-right: 8px;">
 							<div class="item_prod"> <!-- item_prod ranker d_detail -->
 								<div class="item_state"> <!-- item_state AD soldout -->
 									<button type="button" class="itemLike">관심상품 추가</button>
@@ -593,7 +593,7 @@
 								</div>
 							</div>
 						</div>
-						<div class="swiper-slide">
+						<div class="swiper-slide" style="width: 176px; margin-right: 8px;">
 							<div class="item_prod"> <!-- item_prod ranker d_detail -->
 								<div class="item_state"> <!-- item_state AD soldout -->
 									<button type="button" class="itemLike">관심상품 추가</button>
@@ -621,7 +621,7 @@
 								</div>
 							</div>
 						</div>
-						<div class="swiper-slide">
+						<div class="swiper-slide" style="width: 176px; margin-right: 8px;">
 							<div class="item_prod"> <!-- item_prod ranker d_detail -->
 								<div class="item_state"> <!-- item_state AD soldout -->
 									<button type="button" class="itemLike">관심상품 추가</button>
@@ -650,7 +650,7 @@
 							</div>
 						</div>
 					</div>
-				</div>
+					<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
 			</div>
 			<div class="od_calc_wrap" id="bottomOrderArea">
 				<button type="button" class="btn btn_dark"><span>합계 <em class="realOrderAmtText" th:text="${#numbers.formatInteger(order.sumRealPayAmt + order.totDelvFee, 1, 'COMMA')}">0</em>원</span></button>
@@ -713,6 +713,12 @@
 			};
 
 			$(document).ready(function() {
+				var od_recommend_slide = new Swiper('.od_recommend .swiper-container', {
+					slidesPerView: 2,
+					spaceBetween: 8,
+					centerMode: true,
+				});
+
 				setLoginInfo();
 
 				if([[${!order.shotCanYn.equals('Y')}]]) {