Преглед изворни кода

1.룩북상세 더보기 영역 세로형 넘침방지 pc
2.css 캐싱방지
3.룩북 이미지 하드코딩 제거 height:100% <=제거

LMC пре 4 година
родитељ
комит
9fb4be1f3f

+ 3 - 3
src/main/webapp/WEB-INF/views/mob/common/fragments/HeadMob.html

@@ -59,9 +59,9 @@
 	<link rel="icon" th:href="${@environment.getProperty('domain.uximage')} + '/images/favicon-16x16.png'" sizes="16x16" type="image/png"/>
 
 	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/mo/css/swiper.min.css'"/>
-	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/mo/css/common_m.css?v=2021'" href="/ux/mo/css/common_m.css"/>
-	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/mo/css/layout_m.css?v=2021'" href="/ux/mo/css/layout_m.css"/>
-	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/mo/css/style24_m.css?v=2021'" href="/ux/mo/css/style24_m.css"/>
+	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/mo/css/common_m.css?v='+${#calendars.format(#calendars.createNow(), 'yyyyMMdd_HHmmss')}" href="/ux/mo/css/common_m.css"/>
+	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/mo/css/layout_m.css?v='+${#calendars.format(#calendars.createNow(), 'yyyyMMdd_HHmmss')}" href="/ux/mo/css/layout_m.css"/>
+	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/mo/css/style24_m.css?v='+${#calendars.format(#calendars.createNow(), 'yyyyMMdd_HHmmss')}" href="/ux/mo/css/style24_m.css"/>
 
 	<script th:src="${@environment.getProperty('domain.uximage')} + '/ux/mo/js/jquery-3.5.1.min.js'"></script>
 	<script th:src="${@environment.getProperty('domain.uximage')} + '/ux/mo/js/jquery.modal.min.js'"></script>

+ 1 - 1
src/main/webapp/WEB-INF/views/mob/display/BrandLookbookMainFormMob.html

@@ -240,7 +240,7 @@
 						tag2 += '<li>\n';
 						tag2 += '	<a href="javascript:void(0);" onclick="cfnGoToLookbookDetail(\''+lookbookGb+'\','+item.lookbookSq+','+item.brandCd+')">\n';
 						tag2 += '		<div class="ev_img">\n';
-						tag2 += '			<img src="' + _imgUrl + item.orgTnfileNm + '" alt="ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션">\n';
+						tag2 += '			<img src="' + _imgUrl + item.orgTnfileNm + '" alt="">\n';
 						tag2 += '		</div>\n';
 						tag2 += '		<div class="ev_txt">\n';
 						if(lookbookGb != 'BL') {

+ 1 - 1
src/main/webapp/WEB-INF/views/mob/display/LookbookDetailFormMob.html

@@ -140,7 +140,7 @@
 									<div class="swiper-slide">
 										<a th:href="|javascript:cfnGoToLookbookDetail('${lookbookInfo.lookbookGb}','${oneData.lookbookSq}','${oneData.brandCd}')|">
 											<div class="thumb">
-												<img th:src="${@environment.getProperty('domain.image')+oneData.sysFileNm}" style="height:100%" alt="">
+												<img th:src="${@environment.getProperty('domain.image')+oneData.sysFileNm}" alt="">
 											</div>
 											<div class="txt">
 												<p class="tt" th:text="${oneData.title}"></p>

+ 15 - 15
src/main/webapp/WEB-INF/views/web/common/fragments/HeadWeb.html

@@ -4,7 +4,7 @@
 
 <head th:fragment="head">
 	<meta charset="utf-8"/>
-	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
 <!-- 	<meta http-equiv="cache-control" content="no-cache"/> -->
 <!-- 	<meta http-equiv="expires" content="0"/> -->
 <!-- 	<meta http-equiv="pragma" content="no-cache"/> -->
@@ -18,7 +18,7 @@
 	<meta property="og:description" th:content="${metaInfo.ogDesc}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
 	<meta property="og:locale" content="ko_KR"/>
 	<meta property="og:site_name" th:content="${metaInfo.browserTitle}" content="한세공식몰 스타일24"/>
-	
+
 	<!-- 추천솔루션 meta -->
 	<meta property="eg:type" content="product" />
 	<meta property="eg:cuid" content="" />
@@ -50,7 +50,7 @@
 	<meta property="eg:locale" content="" />
 	<meta property="eg:etc1" content="" />
 	<!-- 추천솔루션 meta -->
-	
+
 	<title th:text="${metaInfo.browserTitle}">한세공식몰 스타일24</title>
 	<link rel="icon" th:href="${metaInfo.favicon}" href="[[${@environment.getProperty('domain.uximage')}]]/images/favicon.ico" type="image/x-icon"/>
 	<link rel="apple-touch-icon" th:href="${@environment.getProperty('domain.uximage')} + '/images/apple-touch-icon.png'" sizes="180x180"/>
@@ -63,10 +63,10 @@
 	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/pc/css/jquery-ui.css'" href="/ux/pc/css/jquery-ui.css"/>
 	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/pc/css/reset.css'" href="/ux/pc/css/reset.css"/>
 	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/pc/css/font.css'" href="/ux/pc/css/font.css"/>
-	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/pc/css/common.css'" href="/ux/pc/css/common.css"/>
-	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/pc/css/layout.css'" href="/ux/pc/css/layout.css"/>
-	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/pc/css/main.css'" href="/ux/pc/css/main.css"/>
-	
+	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/pc/css/common.css?v='+${#calendars.format(#calendars.createNow(), 'yyyyMMdd HHmmss')}" href="/ux/pc/css/common.css"/>
+	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/pc/css/layout.css?v='+${#calendars.format(#calendars.createNow(), 'yyyyMMdd HHmmss')}" href="/ux/pc/css/layout.css"/>
+	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/pc/css/main.css?v='+${#calendars.format(#calendars.createNow(), 'yyyyMMdd HHmmss')}" href="/ux/pc/css/main.css"/>
+
 	<script th:src="${@environment.getProperty('domain.uximage')} + '/ux/pc/js/jquery-1.11.0.min.js'"></script>
 	<script th:src="${@environment.getProperty('domain.uximage')} + '/ux/pc/js/jquery-migrate-1.2.1.min.js'"></script>
 	<script th:src="${@environment.getProperty('domain.uximage')} + '/ux/pc/js/swiper.min.js'"></script>
@@ -75,7 +75,7 @@
 	<script th:src="${@environment.getProperty('domain.uximage')} + '/ux/pc/js/jquery-ui.js'"></script>
 	<script th:src="${@environment.getProperty('domain.uximage')} + '/ux/plugins/jquery.serializeObject.min.js'"></script>
 	<script th:src="${@environment.getProperty('domain.uximage')} + '/ux/pc/js/mcxdialog_ui.js'"></script>
-	
+
 	<script type="text/javascript" src="https://ssl.daumcdn.net/dmaps/map_js_init/postcode.v2.js"></script>
 	<script src="https://www.google.com/recaptcha/api.js" async defer></script>
 
@@ -89,7 +89,7 @@
 		gtag('config', 'G-MQWD9VX4KH');
 	</script>
 	<!--// Global site tag (gtag.js) - Google Analytics -->
-	
+
 	<th:block th:if="${sessionInfo != null}">
 		<script th:inline="javascript">
 		/*<![CDATA[*/
@@ -126,7 +126,7 @@
 		var eglqueueCuid = '1252aed4-78dc-46e8-b784-94ac42e86dd4';
 		var hCustId = gCustId ? hex_sha512(gCustId).toString().hashCode() : '';
 		var hEmail = gEmail;
-		
+
 		/* Eiengine Script (Visit) */
 		window._eglqueue = window._eglqueue || [];
 		_eglqueue.push(['setVar', 'cuid', eglqueueCuid]);
@@ -179,14 +179,14 @@
 		}
 		// 로그인 성공 시 - 끝
 	</script>
-	
+
 	<!-- Criteo 로더 파일 (Head에 위치) -->
 	<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
 	<script>
 		var criteoEmail = gEmail ? hex_sha512(gEmail).toString().hashCode() : '';
 	</script>
 	<!--// Criteo 로더 파일 (Head에 위치) -->
-	
+
 	<!-- Facebook Pixel Code -->
 	<script type="text/javascript">
 		!function (f, b, e, v, n, t, s) {
@@ -204,7 +204,7 @@
 <!-- 		<img height="1" width="1" src="https://www.facebook.com/tr?id=194350084240885&ev=PageView&noscript=1"/> -->
 <!-- 	</noscript> -->
 	<!--// Facebook Pixel Code -->
-	
+
 	<!-- Enliple(모비온) Tracker Start -->
 	<script type="text/javascript">
 		(function(a,g,e,n,t){a.enp=a.enp||function(){(a.enp.q=a.enp.q||[]).push(arguments)};n=g.createElement(e);n.async=!0;n.defer=!0;n.src="https://cdn.megadata.co.kr/dist/prod/enp_tracker_self_hosted.min.js";t=g.getElementsByTagName(e)[0];t.parentNode.insertBefore(n,t)})(window,document,"script");
@@ -212,7 +212,7 @@
 		enp('send', 'common', 'is24');
 	</script>
 	<!--// Enliple(모비온) Tracker End -->
-	
+
 	<!-- Cosem Log Gathering Script V.2.0 -->
 	<script language="javascript" type="text/javascript">
 		var cosem_Request = function () {
@@ -234,7 +234,7 @@
 		};
 		var cosemRequest = new cosem_Request();
 		cosemRequest.tracking();
-		
+
 		function cosemConvert(rn, amt, pc, pa, pp, pg, etc) {
 			var cosemProtocol = ( location.protocol=="https:" )? "https:" :"http:";
 			var image = new Image();

+ 1 - 1
src/main/webapp/ux/pc/css/layout.css

@@ -3730,7 +3730,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.br_lookbook_view.cont_others .cont_head button span {display:inline-block; line-height:1;}
 	.br_lookbook_view.cont_others .cont_body {position:relative; padding-left:70px; padding-right:70px;}
 	.br_lookbook_view.cont_others .swiper-slide a {display:block;}
-	.br_lookbook_view.cont_others .swiper-slide a .thumb {display:block; position:relative; width:100%; height:0; padding-top:100%; background:#f5f5f5;}
+	.br_lookbook_view.cont_others .swiper-slide a .thumb {display:block; position:relative; width:100%; height:0; padding-top:100%; background:#f5f5f5;overflow:hidden;}
 	.br_lookbook_view.cont_others .swiper-slide a .thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:1;}
 	.br_lookbook_view.cont_others .swiper-slide a .txt {margin-top:10px; padding:0px 5px 0px;}
 	.br_lookbook_view.cont_others .swiper-slide a .txt .title {display:block; display: -webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:56px; line-height:28px; color:#222; font-weight:500; font-size:18px; word-break:keep-all; white-space:normal;}