룩북 수정

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

@@ -445,7 +445,7 @@ public class TsfDisplayController extends TsfBaseController {
 			lookbook.setLookbookGb("BL");
 			mav.addObject("brandGroupInfo", displayService.getGnbBrandGroup(lookbook.getBrandGroupNo()));
 		} else {
-			lookbook.setLookbookGb("B");
+			lookbook.setLookbookGb("L");
 			mav.addObject("brandGroupInfo", null);
 		}
 

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

@@ -213,10 +213,11 @@
 													<div class="item_picker" th:style="${'left:'+lookbookGoods.xlim+'%; top:'+lookbookGoods.ylim+'%;'}">
 														<!--<button type="button" id="btn_lookbook_picker01" ><span class="ico ico_picker"></span></button>-->
 														<button type="button" th:onclick="fnGoodsPopup([[${lookbookGoods.sysImgNm}]],[[${lookbookGoods.brandGroupNm}]],[[${lookbookGoods.goodsFullNm}]],[[${lookbookGoods.listPrice}]],[[${lookbookGoods.currPrice}]],[[${lookbookGoods.dcRate}]],[[${lookbookGoods.goodsCd}]])"><span class="ico ico_picker"></span></button>
-														<!--id="btn_lookbook_picker01" <div class="pick_descr">
-															<a href="" th:text="${lookbookGoods.goodsNm}">
+<!--														<button type="button" th:onclick="fnLookbookPicker(this,[[${lookbookGoods.goodsCd}]]);"><span class="ico ico_picker"></span></button>-->
+														<div class="pick_descr">
+															<a href="javascript:void(0);">
 															</a>
-														</div>-->
+														</div>
 													</div>
 												</th:block>
 											</div>
@@ -413,51 +414,78 @@
 
 	<!-- lookbook_picker_상품_팝업 -->
 	<div class="modal fade br_lookbook_popup" id="brLookbookPopup" tabindex="-1" role="dialog" aria-labelledby="br_lookbook_label" aria-hidden="true">
-		<div class="modal-dialog" role="document">
-			<div class="modal-content">
-				<div class="modal-header">
-					<h5 class="modal-title sr-only" id="br_lookbook_label">상품정보</h5>
-				</div>
-				<div class="modal-body">
-					<div class="itemsGrp">
-						<div class="item_prod"> <!-- 품절일때 sold_out 클래스 추가 요청 -->
-							<div class="item_state">
-								<div class="itemLink">
-									<div class="itemPic">
-										<img alt="BLACK-a" class=" vLHTC pd_img" src="">
-									</div>
-									<p class="itemBrand"></p>
-									<div class="itemName"></div>
-									<span class="itemPrice_original"></span>
-									<p class="itemPrice">
-										<span class="itemPercent"></span>
-									</p>
-									<button type="button" class="btn btn_default"><span>자세히 보기</span></button>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
+<!--		<div class="modal-dialog" role="document">-->
+<!--			<div class="modal-content">-->
+<!--				<div class="modal-header">-->
+<!--					<h5 class="modal-title sr-only" id="br_lookbook_label">상품정보</h5>-->
+<!--				</div>-->
+<!--				<div class="modal-body">-->
+<!--					<div class="itemsGrp">-->
+<!--						<div class="item_prod"> &lt;!&ndash; 품절일때 sold_out 클래스 추가 요청 &ndash;&gt;-->
+<!--							<div class="item_state">-->
+<!--								<div class="itemLink">-->
+<!--									<div class="itemPic">-->
+<!--										<img alt="BLACK-a" class=" vLHTC pd_img" src="">-->
+<!--									</div>-->
+<!--									<p class="itemBrand"></p>-->
+<!--									<div class="itemName"></div>-->
+<!--									<span class="itemPrice_original"></span>-->
+<!--									<p class="itemPrice">-->
+<!--										<span class="itemPercent"></span>-->
+<!--									</p>-->
+<!--									<button type="button" class="btn btn_default"><span>자세히 보기</span></button>-->
+<!--								</div>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--					</div>-->
+<!--				</div>-->
+<!--			</div>-->
+<!--		</div>-->
 	</div>
 	<!-- //lookbook_picker_상품_팝업 -->
 
 <script th:inline="javascript">
 /*<![CDATA[*/
 var brandMainLayoutList = [[${brandMainLayoutList}]];
-//console.log('brandMainLayoutList::'+brandMainLayoutList);
 var goodsImgUrl = [[${@environment.getProperty('upload.goods.view')}]];
 var fnGoodsPopup = function(obj1,obj2,obj3,obj4,obj5,obj6,obj7){
-	$("#brLookbookPopup").modal("show");
-	$("#brLookbookPopup").find(".pd_img").attr('src',goodsImgUrl+'/'+obj1);
-	$("#brLookbookPopup").find(".itemBrand").text(obj2);
-	$("#brLookbookPopup").find(".itemName").text(obj3);
-	$("#brLookbookPopup").find(".itemPrice_original").text(obj4);
-	$("#brLookbookPopup").find(".itemPrice").text(obj5);
-	$("#brLookbookPopup").find(".itemPercent").text(obj6+'%');
-	$("#brLookbookPopup").find(".btn_default").attr('onclick','cfnGoToPage(_PAGE_GOODS_DETAIL+"'+obj7+'");');
+	$("#brLookbookPopup .modal-dialog").remove();
+	tag = '';
+
+	tag += '	<div class="modal-dialog" role="document">\n';
+	tag += '		<div class="modal-content">\n';
+	tag += '			<div class="modal-header">\n';
+	tag += '				<h5 class="modal-title sr-only" id="br_lookbook_label">상품정보</h5>\n';
+	tag += '			</div>\n';
+	tag += '			<div class="modal-body">\n';
+	tag += '				<div class="itemsGrp">\n';
+	tag += '					<div class="item_prod">\n';
+	tag += '						<div class="item_state">\n';
+	tag += '							<div class="itemLink">\n';
+	tag += '								<div class="itemPic">\n';
+	tag += '									<img alt="BLACK-a" class=" vLHTC pd_img" src="'+goodsImgUrl+'/'+obj1+'?RS=260" onerror="this.src=\'/images/pc/thumb/bg_item_none.png\'">\n';
+	tag += '								</div>\n';
+	tag += '								<p class="itemBrand">'+obj2+'</p>\n';
+	tag += '								<div class="itemName">'+obj3+'</div>\n';
+	tag += '								<span class="itemPrice_original">'+obj4.addComma()+'</span>\n';
+	tag += '								<p class="itemPrice">'+obj5.addComma()+'\n';
+	if(obj6>0){
+		tag += '									<span class="itemPercent">'+obj6+'%</span>\n';
+	}
+	tag += '								</p>\n';
+	tag += '								<button type="button" class="btn btn_default" onclick="cfnGoToGoodsDetail(\''+obj7+'\',\'\',\'\')"><span>자세히 보기</span></button>\n';
+	tag += '							</div>\n';
+	tag += '						</div>\n';
+	tag += '					</div>\n';
+	tag += '				</div>\n';
+	tag += '			</div>\n';
+	tag += '		</div>\n';
+	tag += '	</div>\n';
+
+	$("#brLookbookPopup").append(tag);
+	$('#brLookbookPopup').modal("show");
 }
+
 $(document).ready( function() {
 
 	// 컨텐츠 호출

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

@@ -23,7 +23,7 @@
 		<div class="breadcrumb">
 			<ul>
 				<li class="bread_home"><a href="javascript:void(0);" id="navHome">홈</a></li>
-				<li class="bread_2depth" th:text="${lookbookInfo.brandNm}">TBJ</li>
+				<li class="bread_2depth" th:if="${lookbookInfo.lookbookGb==BL}" th:text="${lookbookInfo.brandNm}">TBJ</li>
 				<li class="bread_3depth">룩북</li>
 			</ul>
 		</div>
@@ -39,10 +39,10 @@
 								<th:block th:each="item, stat : ${lookbookDetailList}">
 									<div class="swiper-slide">
 										<div class="bt_lb_item">
-											<img class="vLHTC lb_img" th:src="${@environment.getProperty('domain.image')+item.sysFileNm}" alt="BLUE-a"/>
+											<img class="vLHTC lb_img" style="width:auto;height:660px;" th:src="${@environment.getProperty('domain.image')+item.sysFileNm+'?RS=460'}" alt="BLUE-a"/>
 											<th:block th:if="${item.lookbookGoodsList != null and !item.lookbookGoodsList.empty}" th:each="goodsItem, goodsStatus : ${item.lookbookGoodsList}">
 												<div class="item_picker" th:style="${'left:'+goodsItem.xlim+'%; top:'+goodsItem.ylim+'%;'}">
-													<button type="button" th:onclick="fnLookbookGoodsPopup([[${goodsItem.sysImgNm}]],[[${goodsItem.brandGroupNm}]],[[${goodsItem.goodsNm}]],[[${goodsItem.listPrice}]],[[${goodsItem.currPrice}]],[[${goodsItem.dcRate}]],[[${goodsItem.goodsCd}]])"><span class="ico ico_picker"></span></button>
+													<button type="button" th:onclick="fnLookbookGoodsPopup([[${goodsItem.sysImgNm}]],[[${goodsItem.brandGroupNm}]],[[${goodsItem.goodsFullNm}]],[[${goodsItem.listPrice}]],[[${goodsItem.currPrice}]],[[${goodsItem.dcRate}]],[[${goodsItem.goodsCd}]],[[${goodsItem.stockQty}]],[[${goodsItem.soldoutYn}]])"><span class="ico ico_picker"></span></button>
 												</div>
 											</th:block>
 										</div>
@@ -72,7 +72,6 @@
 				</div>
 				<div class="cont_body">
 					<div class="area_slider">
-
 						<!-- 겉 상품 -->
 						<div class="items_outside">
 							<th:block th:each="item, stat : ${lookbookDetailList}">
@@ -81,7 +80,8 @@
 									<div class="swiper-wrapper">
 										<th:block th:if="${item.lookbookGoodsList != null and !item.lookbookGoodsList.empty}" th:each="goodsItem, goodsStatus : ${item.lookbookGoodsList}">
 											<div class="swiper-slide">
-												<div class="item_prod">
+												<div class="item_prod" th:classappend="${(goodsItem.stockQty <= 0 or goodsItem.soldoutYn == 'Y')}? 'unable' : ''"
+													 th:attr="goodsCd=${goodsItem.goodsCd}, optCdInfo=${goodsItem.optCdInfo}, minOrdQty=${goodsItem.minOrdQty},  goodsType=${goodsItem.goodsType}">
 													<div class="item_state">
 														<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsItem.goodsCd}]]);">
 															<div class="itemPic">
@@ -143,33 +143,33 @@
 
 	<!-- 상단_LOOKBOOK_picker_상품_팝업 -->
 	<div class="modal fade br_pop lookbook_item_pop" id="lookbookItemPop" tabindex="-1" role="dialog" aria-labelledby="lookbook_item_label" aria-hidden="true">
-		<div class="modal-dialog" role="document">
-			<div class="modal-content">
-				<div class="modal-header">
-					<h5 class="modal-title sr-only" id="lookbook_item_label">상품정보</h5>
-				</div>
-				<div class="modal-body">
-					<div class="itemsGrp">
-						<div class="item_prod">
-							<div class="item_state">
-								<div class="itemLink">
-									<div class="itemPic">
-										<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/ev_list_img05.jpg">
-									</div>
-									<p class="itemBrand">BRAND NAME</p>
-									<div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
-									<span class="itemPrice_original">89,000</span>
-									<p class="itemPrice">80,100
-										<span class="itemPercent">10%</span>
-									</p>
-									<button type="button" class="btn btn_default"><span>자세히 보기</span></button>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
+<!--		<div class="modal-dialog" role="document">-->
+<!--			<div class="modal-content">-->
+<!--				<div class="modal-header">-->
+<!--					<h5 class="modal-title sr-only" id="lookbook_item_label">상품정보</h5>-->
+<!--				</div>-->
+<!--				<div class="modal-body">-->
+<!--					<div class="itemsGrp">-->
+<!--						<div class="item_prod">-->
+<!--							<div class="item_state">-->
+<!--								<div class="itemLink">-->
+<!--									<div class="itemPic">-->
+<!--										<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/ev_list_img05.jpg">-->
+<!--									</div>-->
+<!--									<p class="itemBrand">BRAND NAME</p>-->
+<!--									<div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>-->
+<!--									<span class="itemPrice_original">89,000</span>-->
+<!--									<p class="itemPrice">80,100-->
+<!--										<span class="itemPercent">10%</span>-->
+<!--									</p>-->
+<!--									<button type="button" class="btn btn_default"><span>자세히 보기</span></button>-->
+<!--								</div>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--					</div>-->
+<!--				</div>-->
+<!--			</div>-->
+<!--		</div>-->
 	</div>
 	<!-- //상단_LOOKBOOK_picker_상품_팝업 -->
 
@@ -179,15 +179,54 @@
 	var brandCd = [[${lookbookInfo.brandCd}]];
 
 	var goodsImgUrl = [[${@environment.getProperty('upload.goods.view')}]];
-	var fnLookbookGoodsPopup = function(obj1,obj2,obj3,obj4,obj5,obj6,obj7){
-	$("#lookbookItemPop").modal("show");
-	$("#lookbookItemPop").find(".pd_img").attr('src',goodsImgUrl+'/'+obj1);
-	$("#lookbookItemPop").find(".itemBrand").text(obj2);
-	$("#lookbookItemPop").find(".itemName").text(obj3);
-	$("#lookbookItemPop").find(".itemPrice_original").text(obj4);
-	$("#lookbookItemPop").find(".itemPrice").text(obj5);
-	$("#lookbookItemPop").find(".itemPercent").text(obj6+'%');
-	$("#lookbookItemPop").find(".btn_default").attr('onclick','cfnGoToPage(_PAGE_GOODS_DETAIL+"'+obj7+'");');
+	var fnLookbookGoodsPopup = function(obj1,obj2,obj3,obj4,obj5,obj6,obj7,obj8,obj9){
+	// $("#lookbookItemPop").modal("show");
+	// $("#lookbookItemPop").find(".pd_img").attr('src',goodsImgUrl+'/'+obj1);
+	// $("#lookbookItemPop").find(".itemBrand").text(obj2);
+	// $("#lookbookItemPop").find(".itemName").text(obj3);
+	// $("#lookbookItemPop").find(".itemPrice_original").text(obj4);
+	// $("#lookbookItemPop").find(".itemPrice").text(obj5);
+	// $("#lookbookItemPop").find(".itemPercent").text(obj6+'%');
+	// $("#lookbookItemPop").find(".btn_default").attr('onclick','cfnGoToPage(_PAGE_GOODS_DETAIL+"'+obj7+'");');
+		$("#lookbookItemPop .modal-dialog").remove();
+		tag = '';
+
+		tag += '<div class="modal-dialog" role="document">\n';
+		tag += '	<div class="modal-content">\n';
+		tag += '		<div class="modal-header">\n';
+		tag += '			<h5 class="modal-title sr-only" id="lookbook_item_label">상품정보</h5>\n';
+		tag += '		</div>\n';
+		tag += '		<div class="modal-body">\n';
+		tag += '			<div class="itemsGrp">\n';
+		tag += '				<div class="item_prod ';
+		if(obj9 == 'Y'){
+			tag += ' sold_out';
+		}
+		tag +='">\n';
+		tag += '					<div class="item_state">\n';
+		tag += '						<div class="itemLink">\n';
+		tag += '							<div class="itemPic">\n';
+		tag += '								<img alt="BLACK-a" class=" vLHTC pd_img" src="'+goodsImgUrl+'/'+obj1+'?RS=260" onerror="this.src=\'/images/pc/thumb/bg_item_none.png\'">\n';
+		tag += '							</div>\n';
+		tag += '							<p class="itemBrand">'+obj2+'</p>\n';
+		tag += '							<div class="itemName">'+obj3+'</div>\n';
+		tag += '							<span class="itemPrice_original">'+obj4.addComma()+'</span>\n';
+		tag += '							<p class="itemPrice">'+obj5.addComma()+'\n';
+		if(obj6>0){
+			tag += '								<span class="itemPercent">'+obj6+'%</span>\n';
+		}
+		tag += '							</p>\n';
+		tag += '							<button type="button" class="btn btn_default" onclick="cfnGoToGoodsDetail(\''+obj7+'\',\'\',\'\')"><span>자세히 보기</span></button>\n';
+		tag += '						</div>\n';
+		tag += '					</div>\n';
+		tag += '				</div>\n';
+		tag += '			</div>\n';
+		tag += '		</div>\n';
+		tag += '	</div>\n';
+		tag += '</div>\n';
+
+		$("#lookbookItemPop").append(tag);
+		$('#lookbookItemPop').modal("show");
 	}
 	// 컨텐츠 호출
 	$(document).ready( function() {

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

@@ -23,7 +23,7 @@
 		<div class="breadcrumb">
 			<ul>
 				<li class="bread_home"><a href="javascript:void(0);" id="navHome">홈</a></li>
-				<li class="bread_home" id="brandLi" style="display: none;"></li>
+				<li class="bread_home" id="brandLi" th:if="${lbInfo.lookbookGb=='BL'}"></li>
 				<li class="bread_2depth">룩북</li>
 			</ul>
 		</div>
@@ -80,6 +80,9 @@
 <script th:inline="javascript">
 /*<![CDATA[*/
 	var lookbookGb = [[${lbInfo.lookbookGb}]];
+	if(lookbookGb != 'BL'){
+		lookbookGb = 'L';
+	}
 	var brandCd = [[${lbInfo.brandCd}]];
 	var navBrandNm = "";
 
@@ -122,10 +125,10 @@
 							tag2 += '			<img src="' + _imgUrl + item.orgTnfileNm + '" alt="" style="height:100%">';
 							tag2 += '		</div>';
 							tag2 += '		<div class="txt">';
-							tag2 += '			<span class="brand">'+item.brandNm+'</span>';
-							if(lookbookGb != 'BL'){
-								tag2 += '			<p class="tit">'+item.title+'</p>';
+							if(lookbookGb != 'BL') {
+								tag2 += '			<span class="brand">' + item.brandNm + '</span>';
 							}
+							tag2 += '			<p class="tit">'+item.title+'</p>';
 							tag2 += '		</div>';
 							tag2 += '	</a>';
 							tag2 += '</li>';
@@ -164,7 +167,6 @@
 
 		if(lookbookGb=='BL'){
 			$("#brandBox").hide();
-			$("#brandLi").show();
 			$("#navHome").attr('onclick', 'cfnGoToBrandMain('+brandCd+');');
 		}else{
 			$("#navHome").attr('href', '/');