이태영 - 20210705 장바구니 수정

src/main/java/com/style24/front/biz/dao/TsfCartDao.java

@@ -324,4 +324,13 @@ public interface TsfCartDao {
 	 * @since 2021. 05. 10
 	 */
 	void deleteCartDetailOrdNo(Cart param);
+
+	/**
+	 * 장바구니 담긴 상품 전체 조회
+	 * @param param
+	 * @return
+	 * @author xodud1202
+	 * @since 2021. 07. 06
+	 */
+	Collection<Cart> getAllCartList(Cart param);
 }

src/main/java/com/style24/front/biz/service/TsfCartService.java

@@ -1438,4 +1438,15 @@ public class TsfCartService {
 
 		return goodsDao.getDelvFeeSaveGoodsList(goods);
 	}
+
+	/**
+	 * 장바구니 담긴 상품 전체 조회
+	 * @param param
+	 * @return
+	 * @author xodud1202
+	 * @since 2021. 07. 06
+	 */
+	public Collection<Cart> getAllCartList(Cart param) {
+		return cartDao.getAllCartList(param);
+	}
 }

src/main/java/com/style24/front/biz/web/TsfCartController.java

@@ -9,6 +9,8 @@ import java.util.Comparator;
 import java.util.Date;
 import java.util.List;
 
+import com.style24.front.biz.thirdparty.EigeneaiApi;
+import com.style24.persistence.domain.eigene.Eigeneai;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.core.env.Environment;
 import org.springframework.stereotype.Controller;
@@ -72,6 +74,9 @@ public class TsfCartController extends TsfBaseController {
 	@Autowired
 	private TsfOrderService orderService;
 
+	@Autowired
+	private EigeneaiApi eigeneaiApi;
+
 	@Autowired
 	private Environment env;
 
@@ -84,12 +89,28 @@ public class TsfCartController extends TsfBaseController {
 	@GetMapping("/list/form")
 	public ModelAndView cartListForm() {
 		ModelAndView mav = new ModelAndView();
-		int custNo = 0;
+		Cart cart = new Cart();
 		if(TsfSession.isLogin()) {
-			custNo = TsfSession.getInfo().getCustNo();
+			cart.setCustNo(TsfSession.getInfo().getCustNo());
+		} else {
+			cart.setCustNo(0);
+			cart.setJsessionId(TsfSession.getSessionId());
+		}
+
+		Collection<Cart> cartList = cartService.getAllCartList(cart);
+		if(cartList != null && cartList.size() > 0) {
+			// 장바구니 상품이 있을 경우
+			Collection<Eigeneai.Result> itemList = eigeneaiApi.getRelatedGoodsList(cartList, 20);
+			mav.addObject("recomGoodsList", itemList);
+			mav.addObject("cartSize", cartList.size());
+		} else {
+			// 장바구니 상품이 없을 경우
+			Collection<Eigeneai.Item> itemList = eigeneaiApi.getRealtimeViewGoodsList(20);
+			mav.addObject("recomGoodsList", itemList);
+			mav.addObject("cartSize", 0);
 		}
 
-		mav.addObject("loginCustNo", custNo);
+		mav.addObject("loginCustNo", cart.getCustNo());
 		mav.setViewName(super.getDeviceViewName("cart/CartListForm"));
 		return mav;
 	}

src/main/java/com/style24/persistence/mybatis/shop/TsfCart.xml

@@ -1224,4 +1224,23 @@
 			WHERE  ORD_NO = #{ordNo}
 		)
 	</delete>
+
+	<!-- 장바구니 담긴 상품 전체 조회 -->
+	<select id="getAllCartList" parameterType="Cart" resultType="Cart">
+		/* TsfCart.getAllCartList : 장바구니 담긴 상품 전체 조회 */
+		SELECT MAX(C.CART_SQ) AS CART_SQ
+		     , C.GOODS_CD
+		     , C.CUST_NO
+		FROM   TB_CART C
+		WHERE  C.CART_GB = 'G026_BC'
+		<if test="custNo == 0">
+		AND    C.CUST_NO = 0
+		AND    C.JSESSION_ID = #{jsessionId}
+		</if>
+		<if test="custNo != 0">
+		AND    C.CUST_NO = #{custNo}
+		</if>
+		GROUP  BY C.GOODS_CD
+		        , C.CUST_NO
+	</select>
 </mapper>

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

@@ -517,156 +517,7 @@
 			</div>
 		</div>
 
-
-
 		<div class="inner wide">
-			<div class="od_recommend">
-				<h3>추천상품</h3>
-				<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>
-									<a href="#none" class="itemLink">
-										<div class="itemPic">
-											<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-										</div>
-										<p class="itemBrand">BRAND NAME</p>
-										<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-										<p class="itemPrice">
-											<span class="itemPrice_original">89,000</span>
-											80,100
-											<span class="itemPercent">10%</span>
-										</p>
-										<div class="itemcolorchip">
-											<span class="chip_color35" value="ABM">BEIGE</span>
-											<span class="chip_color54" value="BDS">BLACK</span>
-											<span class="chip_color40" value="YBR">WHITE</span>
-										</div>
-										<p class="itemBadge">
-											<span class="badge13">베스트 </span>
-										</p>
-										<div class="itemComment">#주문 폭주 상품</div>
-									</a>
-								</div>
-							</div>
-						</div>
-						<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>
-									<a href="#none" class="itemLink">
-										<div class="itemPic">
-											<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-										</div>
-										<p class="itemBrand">BRAND NAME</p>
-										<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-										<p class="itemPrice">
-											<span class="itemPrice_original">89,000</span>
-											80,100
-											<span class="itemPercent">10%</span>
-										</p>
-										<div class="itemcolorchip">
-											<span class="chip_color35" value="ABM">BEIGE</span>
-											<span class="chip_color54" value="BDS">BLACK</span>
-											<span class="chip_color40" value="YBR">WHITE</span>
-										</div>
-										<p class="itemBadge">
-											<span class="badge13">베스트 </span>
-										</p>
-										<div class="itemComment">#주문 폭주 상품</div>
-									</a>
-								</div>
-							</div>
-						</div>
-						<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>
-									<a href="#none" class="itemLink">
-										<div class="itemPic">
-											<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-										</div>
-										<p class="itemBrand">BRAND NAME</p>
-										<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-										<p class="itemPrice">
-											<span class="itemPrice_original">89,000</span>
-											80,100
-											<span class="itemPercent">10%</span>
-										</p>
-										<div class="itemcolorchip">
-											<span class="chip_color35" value="ABM">BEIGE</span>
-											<span class="chip_color54" value="BDS">BLACK</span>
-											<span class="chip_color40" value="YBR">WHITE</span>
-										</div>
-										<p class="itemBadge">
-											<span class="badge13">베스트 </span>
-										</p>
-										<div class="itemComment">#주문 폭주 상품</div>
-									</a>
-								</div>
-							</div>
-						</div>
-						<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>
-									<a href="#none" class="itemLink">
-										<div class="itemPic">
-											<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-										</div>
-										<p class="itemBrand">BRAND NAME</p>
-										<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-										<p class="itemPrice">
-											<span class="itemPrice_original">89,000</span>
-											80,100
-											<span class="itemPercent">10%</span>
-										</p>
-										<div class="itemcolorchip">
-											<span class="chip_color35" value="ABM">BEIGE</span>
-											<span class="chip_color54" value="BDS">BLACK</span>
-											<span class="chip_color40" value="YBR">WHITE</span>
-										</div>
-										<p class="itemBadge">
-											<span class="badge13">베스트 </span>
-										</p>
-										<div class="itemComment">#주문 폭주 상품</div>
-									</a>
-								</div>
-							</div>
-						</div>
-						<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>
-									<a href="#none" class="itemLink">
-										<div class="itemPic">
-											<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-										</div>
-										<p class="itemBrand">BRAND NAME</p>
-										<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-										<p class="itemPrice">
-											<span class="itemPrice_original">89,000</span>
-											80,100
-											<span class="itemPercent">10%</span>
-										</p>
-										<div class="itemcolorchip">
-											<span class="chip_color35" value="ABM">BEIGE</span>
-											<span class="chip_color54" value="BDS">BLACK</span>
-											<span class="chip_color40" value="YBR">WHITE</span>
-										</div>
-										<p class="itemBadge">
-											<span class="badge13">베스트 </span>
-										</p>
-										<div class="itemComment">#주문 폭주 상품</div>
-									</a>
-								</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>
 				<button type="button" id="btn_purchase" class="btn btn_primary" onclick="fnSubmitNoMember('all'); return false;"><span>구매하기 (<em class="realOrderQtyText" th:text="${order.totCartCnt}"></em>개)</span></button> <!-- 210406_ID 추가 -->

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

@@ -26,6 +26,38 @@
 			<!-- 장바구니 내용 -->
 		</section>
 
+		<th:block th:if="${cartSize>0}">
+			<div class="od_recommend">
+				<h3>추천상품</h3>
+				<div class="swiper-container item_list swiper-container-initialized swiper-container-horizontal swiper-container-ios">
+					<div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
+						<th:block th:each="cart, status : ${recomGoodsList}">
+							<div class="swiper-slide swiper-slide-active" style="width: 163.5px; 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" onclick="cfnPutWishList(this);" th:attr="goodscd=${cart.product.itemId}, ithrCd='IN18_01', contentsLoc='', planDtlSq=''">관심상품 추가</button>
+										<a th:href="${cart.product.itemUrl}" class="itemLink">
+											<div class="itemPic">
+												<img class="vLHTC pd_img" th:src="${cart.product.itemImage}" src="" alt="">
+											</div>
+											<p class="itemBrand" th:text="${cart.product.brandName}"></p>
+											<div class="itemName" th:text="${cart.product.itemName}"></div>
+											<p class="itemPrice">
+												<span class="itemPrice_original" th:if="${cart.product.salePrice < cart.product.originalPrice}" th:text="${#numbers.formatInteger(cart.product.originalPrice, 1, 'COMMA')}">89,000</span>
+												<span th:text="${#numbers.formatInteger(cart.product.salePrice, 1, 'COMMA')}"></span>
+												<span class="itemPercent" th:if="${cart.product.salePrice < cart.product.originalPrice}" th:text="${#numbers.formatInteger(100 - ((cart.product.salePrice / cart.product.originalPrice) * 100), 1, 'COMMA') + '%'}">10%</span>
+											</p>
+										</a>
+									</div>
+								</div>
+							</div>
+						</th:block>
+					</div>
+					<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
+				</div>
+			</div>
+		</th:block>
+
 		<!-- 옵션변경_팝업01 -->
 		<div id="optModifyPop01" class="popup_box optModifyPop optModifyPop01">
 			<div class="lap">
@@ -79,6 +111,53 @@
 		// 장바구니 상품 정보 select
 		getCartList();
 
+		// 로그인 되어 있을 경우 체크
+		if("[[${cartSize}]]" == "" || "[[${cartSize}]]" == "0") {
+			if(cfCheckLogin()) {
+				// 장바구니 보유 상품 없을 경우 추천솔루션 > "지금 많이 보고있어요" 영역
+				let targetT = $('.container>.od_realtime').find('.item_state').find('button');
+				targetT.each(function(){
+					let goodsCd = $(this).attr('goodscd');
+					var $this = $(this);
+					let url = "/mypage/wish/list/check/"+goodsCd;
+					var result = '';
+					$.ajax({
+						type: 'get'
+						, async: false
+						, url: url
+						, success: function (data) {
+							//likeit active
+							if ("Y" == data){
+								$this.addClass('likeit').addClass('active');
+							}
+						}
+					});
+				});
+			}
+		} else {
+			if(cfCheckLogin()) {
+				// 장바구니 보유 상품 없을 경우 추천솔루션 > "지금 많이 보고있어요" 영역
+				let targetT = $('.container>.od_recommend').find('.item_state').find('button');
+				targetT.each(function(){
+					let goodsCd = $(this).attr('goodscd');
+					var $this = $(this);
+					let url = "/mypage/wish/list/check/"+goodsCd;
+					var result = '';
+					$.ajax({
+						type: 'get'
+						, async: false
+						, url: url
+						, success: function (data) {
+							//likeit active
+							if ("Y" == data){
+								$this.addClass('likeit').addClass('active');
+							}
+						}
+					});
+				});
+			}
+		}
+
 		//추천상품_슬라이드
 		var od_recommend_slide = new Swiper('.od_recommend .swiper-container', {
 			slidesPerView: 2,

src/main/webapp/WEB-INF/views/web/cart/CartListFormWeb.html

@@ -44,403 +44,93 @@
 					<!-- 장바구니 내용 -->
 				</div>
 			</div>
-			<div class="content od_recommend od_recommend_area">
-				<div class="cont_head">
-					<h4 class="subH1 t_c mb40">추천상품</h4>
-				</div>
-				<div class="cont_body">
-					<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: 276px; margin-right: 20px;">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.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>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
-											</div>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
-									</div>
-								</div>
-							</div>
-							<div class="swiper-slide swiper-slide-next" style="width: 276px; margin-right: 20px;">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
-											</div>
-											<p class="itemBrand">BRAND NAME2</p>
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-											<p class="itemPrice">80,100
-												<span class="itemPrice_original">89,000</span>
-												<span class=" itemPercent">10%</span>
-											</p>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
-											</div>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
-									</div>
-								</div>
-							</div>
-							<div class="swiper-slide" style="width: 276px; margin-right: 20px;">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
-											</div>
-											<p class="itemBrand">BRAND NAME3</p>
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-											<p class="itemPrice">80,100
-												<span class="itemPrice_original">89,000</span>
-												<span class=" itemPercent">10%</span>
-											</p>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
-											</div>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
-									</div>
-								</div>
-							</div>
-							<div class="swiper-slide" style="width: 276px; margin-right: 20px;">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
-											</div>
-											<p class="itemBrand">BRAND NAME4</p>
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-											<p class="itemPrice">80,100
-												<span class="itemPrice_original">89,000</span>
-												<span class=" itemPercent">10%</span>
-											</p>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
-											</div>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
-									</div>
-								</div>
-							</div>
-							<div class="swiper-slide" style="width: 276px; margin-right: 20px;">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
-											</div>
-											<p class="itemBrand">BRAND NAME5</p>
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-											<p class="itemPrice">80,100
-												<span class="itemPrice_original">89,000</span>
-												<span class=" itemPercent">10%</span>
-											</p>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
-											</div>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
-									</div>
-								</div>
-							</div>
-							<div class="swiper-slide" style="width: 276px; margin-right: 20px;">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
-											</div>
-											<p class="itemBrand">BRAND NAME6</p>
 
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-											<p class="itemPrice">80,100
-												<span class="itemPrice_original">89,000</span>
-												<span class=" itemPercent">10%</span>
-											</p>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
-											</div>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
-									</div>
-								</div>
-							</div>
-							<div class="swiper-slide" style="width: 276px; margin-right: 20px;">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
-											</div>
-											<p class="itemBrand">BRAND NAME7</p>
-
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-											<p class="itemPrice">80,100
-												<span class="itemPrice_original">89,000</span>
-												<span class=" itemPercent">10%</span>
-											</p>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
-											</div>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
-									</div>
-								</div>
-							</div>
-							<div class="swiper-slide" style="width: 276px; margin-right: 20px;">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
-											</div>
-											<p class="itemBrand">BRAND NAME8</p>
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-											<p class="itemPrice">80,100
-												<span class="itemPrice_original">89,000</span>
-												<span class=" itemPercent">10%</span>
-											</p>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
-											</div>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
+			<th:block th:if="${cartSize>0}">
+				<div class="content od_recommend">
+					<div class="cont_head">
+						<h4 class="subH1 t_c mb40">추천상품</h4>
+					</div>
+					<div class="cont_body">
+						<div class="swiper-container">
+							<div class="swiper-wrapper">
+								<th:block th:each="cart, status : ${recomGoodsList}">
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<div class="item_state">
+												<button type="button" class="itemLike" onclick="cfnPutWishList(this);" th:attr="goodscd=${cart.product.itemId}, ithrCd='IN18_01', contentsLoc='', planDtlSq=''">관심상품 추가</button>
+												<a th:href="${cart.product.itemUrl}" class="itemLink">
+													<div class="itemPic">
+														<img alt="BLACK-a" class=" vLHTC pd_img" th:src="${cart.product.itemImage}" src="">
+													</div>
+													<p class="itemBrand" th:text="${cart.product.brandName}"></p>
+													<div class=" itemName" th:text="${cart.product.itemName}"></div>
+													<p class="itemPrice">
+														<span th:text="${#numbers.formatInteger(cart.product.salePrice, 1, 'COMMA')}"></span>
+														<th:block th:if="${cart.product.salePrice < cart.product.originalPrice}">
+															<span class="itemPrice_original" th:text="${#numbers.formatInteger(cart.product.originalPrice, 1, 'COMMA')}"></span>
+															<span class="itemPercent" th:text="${#numbers.formatInteger(100 - ((cart.product.salePrice / cart.product.originalPrice) * 100), 1, 'COMMA') + '%'}"></span>
+														</th:block>
+													</p>
+												</a>
+											</div>
+										</div>
 									</div>
-								</div>
+								</th:block>
 							</div>
+							<!-- Add Pagination -->
+							<div class="swiper-pagination"></div>
 						</div>
-						<!-- Add Pagination -->
-						<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span></div>
-						<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
-					<!-- Add Arrows -->
-					<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div>
-					<div class="swiper-button-prev swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true"></div>
-				</div>
-			</div>
-
-			<div class="content od_recommend od_realtime">
-				<div class="cont_head">
-					<h4 class="subH1 t_c mb40">지금 많이 보고 있어요</h4>
+						<!-- Add Arrows -->
+						<div class="swiper-button-next"></div>
+						<div class="swiper-button-prev"></div>
+					</div>
 				</div>
-				<div class="cont_body">
-					<div class="swiper-container">
-						<div class="swiper-wrapper">
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod5.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>
-											<div class="itemViewCount">
-												<span>304</span>명 보는중
-											</div>
-										</a>
-									</div>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod5.jpg">
-											</div>
-											<p class="itemBrand">BRAND NAME2</p>
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-											<p class="itemPrice">80,100
-												<span class="itemPrice_original">89,000</span>
-												<span class=" itemPercent">10%</span>
-											</p>
-											<div class="itemViewCount">
-												<span>304</span>명 보는중
-											</div>
-										</a>
-									</div>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod5.jpg">
-											</div>
-											<p class="itemBrand">BRAND NAME3</p>
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-											<p class="itemPrice">80,100
-												<span class="itemPrice_original">89,000</span>
-												<span class=" itemPercent">10%</span>
-											</p>
-											<div class="itemViewCount">
-												<span>304</span>명 보는중
-											</div>
-										</a>
-									</div>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod5.jpg">
-											</div>
-											<p class="itemBrand">BRAND NAME4</p>
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-											<p class="itemPrice">80,100
-												<span class="itemPrice_original">89,000</span>
-												<span class=" itemPercent">10%</span>
-											</p>
-											<div class="itemViewCount">
-												<span>304</span>명 보는중
-											</div>
-										</a>
-									</div>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod5.jpg">
-											</div>
-											<p class="itemBrand">BRAND NAME5</p>
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-											<p class="itemPrice">80,100
-												<span class="itemPrice_original">89,000</span>
-												<span class=" itemPercent">10%</span>
-											</p>
-											<div class="itemViewCount">
-												<span>304</span>명 보는중
-											</div>
-										</a>
-									</div>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod5.jpg">
-											</div>
-											<p class="itemBrand">BRAND NAME6</p>
-
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-											<p class="itemPrice">80,100
-												<span class="itemPrice_original">89,000</span>
-												<span class=" itemPercent">10%</span>
-											</p>
-											<div class="itemViewCount">
-												<span>304</span>명 보는중
-											</div>
-										</a>
-									</div>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod5.jpg">
-											</div>
-											<p class="itemBrand">BRAND NAME7</p>
+			</th:block>
 
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-											<p class="itemPrice">80,100
-												<span class="itemPrice_original">89,000</span>
-												<span class=" itemPercent">10%</span>
-											</p>
-											<div class="itemViewCount">
-												<span>304</span>명 보는중
-											</div>
-										</a>
-									</div>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod5.jpg">
-											</div>
-											<p class="itemBrand">BRAND NAME8</p>
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-											<p class="itemPrice">80,100
-												<span class="itemPrice_original">89,000</span>
-												<span class=" itemPercent">10%</span>
-											</p>
-											<div class="itemViewCount">
-												<span>304</span>명 보는중
-											</div>
-										</a>
+			<th:block th:if="${cartSize == null or cartSize == 0}">
+				<div class="content od_recommend od_realtime">
+					<div class="cont_head">
+						<h4 class="subH1 t_c mb40">지금 많이 보고 있어요</h4>
+					</div>
+					<div class="cont_body">
+						<div class="swiper-container">
+							<div class="swiper-wrapper">
+								<th:block th:each="cart, status : ${recomGoodsList}">
+								<div class="swiper-slide">
+									<div class="item_prod">
+										<div class="item_state">
+											<button type="button" class="itemLike" onclick="cfnPutWishList(this);" th:attr="goodscd=${cart.itemId}, ithrCd='IN18_01', contentsLoc='', planDtlSq=''">관심상품 추가</button>
+											<a th:href="${cart.itemUrl}" class="itemLink">
+												<div class="itemPic">
+													<img alt="BLACK-a" class=" vLHTC pd_img" th:src="${cart.imageUrl}" src="">
+												</div>
+												<p class="itemBrand" th:text="${cart.brandName}"></p>
+												<div class=" itemName" th:text="${cart.itemName}"></div>
+												<p class="itemPrice">
+													<span th:text="${#numbers.formatInteger(cart.salePrice, 1, 'COMMA')}"></span>
+													<th:block th:if="${cart.salePrice < cart.originalPrice}">
+														<span class="itemPrice_original" th:text="${#numbers.formatInteger(cart.originalPrice, 1, 'COMMA')}"></span>
+														<span class="itemPercent" th:text="${#numbers.formatInteger(100 - ((cart.salePrice / cart.originalPrice) * 100), 1, 'COMMA') + '%'}"></span>
+													</th:block>
+												</p>
+												<div class="itemViewCount">
+													<span th:text="${cart.count}"></span>명 보는중
+												</div>
+											</a>
+										</div>
 									</div>
 								</div>
+								</th:block>
 							</div>
+							<!-- Add Pagination -->
+							<div class="swiper-pagination"></div>
 						</div>
-						<!-- Add Pagination -->
-						<div class="swiper-pagination"></div>
+						<!-- Add Arrows -->
+						<div class="swiper-button-next"></div>
+						<div class="swiper-button-prev"></div>
 					</div>
-					<!-- Add Arrows -->
-					<div class="swiper-button-next"></div>
-					<div class="swiper-button-prev"></div>
 				</div>
-			</div>
+			</th:block>
 		</div>
 	</div>
 	<!-- // container -->
@@ -457,6 +147,53 @@
     $(document).ready(function() {
         // 장바구니 상품 정보 select
         getCartList();
+
+        // 로그인 되어 있을 경우 체크
+		if("[[${cartSize}]]" == "" || "[[${cartSize}]]" == "0") {
+			if(cfCheckLogin()) {
+				// 장바구니 보유 상품 없을 경우 추천솔루션 > "지금 많이 보고있어요" 영역
+				let targetT = $('#container .od_realtime').find('.item_state').find('button');
+				targetT.each(function(){
+					let goodsCd = $(this).attr('goodscd');
+					var $this = $(this);
+					let url = "/mypage/wish/list/check/"+goodsCd;
+					var result = '';
+					$.ajax({
+						type: 'get'
+						, async: false
+						, url: url
+						, success: function (data) {
+							//likeit active
+							if ("Y" == data){
+								$this.addClass('likeit').addClass('active');
+							}
+						}
+					});
+				});
+			}
+		} else {
+			if(cfCheckLogin()) {
+				// 장바구니 보유 상품 없을 경우 추천솔루션 > "지금 많이 보고있어요" 영역
+				let targetT = $('#container .od_recommend').find('.item_state').find('button');
+				targetT.each(function(){
+					let goodsCd = $(this).attr('goodscd');
+					var $this = $(this);
+					let url = "/mypage/wish/list/check/"+goodsCd;
+					var result = '';
+					$.ajax({
+						type: 'get'
+						, async: false
+						, url: url
+						, success: function (data) {
+							//likeit active
+							if ("Y" == data){
+								$this.addClass('likeit').addClass('active');
+							}
+						}
+					});
+				});
+			}
+		}
     });
 
     function getCartList(parameter) {
@@ -588,18 +325,18 @@
 
     $(function(){
         //추천상품 슬라이드
-        var rcmdItemSwiper = new Swiper('.od_recommend_area .swiper-container', {
-            slidesPerView: 5,
-            spaceBetween: 20,
-            navigation: {
-                nextEl: '.od_recommend_area .swiper-button-next',
-                prevEl: '.od_recommend_area .swiper-button-prev',
-            },
-            pagination: {
-                el: '.od_recommend_area .swiper-pagination',
-                clickable: true,
-            },
-        });
+		var rcmdItemSwiper = new Swiper('.od_recommend .swiper-container', {
+			slidesPerView: 5,
+			spaceBetween: 20,
+			navigation: {
+				nextEl: '.od_recommend .swiper-button-next',
+				prevEl: '.od_recommend .swiper-button-prev',
+			},
+			pagination: {
+				el: '.od_recommend .swiper-pagination',
+				clickable: true,
+			},
+		});
 
 		//지금 많이 보고 있어요 슬라이드
 		var realtimeItemSwiper = new Swiper('.od_realtime .swiper-container', {