8.30 퍼블적용건

src/main/webapp/WEB-INF/views/mob/goods/GoodsDetailFormMob.html

@@ -2517,6 +2517,8 @@
 	
 	
 	$(document).ready( function() {
+		// 상품상세 홈버튼 위치 변경 
+		$("#htopSub .button_wrap").addClass("pd");
 		
 		$('.timer_box').css('display', 'none');
 
@@ -2827,15 +2829,20 @@
            });
 		
 		//--상품리뷰 창 순서 -
-		
 		$(document).on('click','.pd_detail .thumb_box .thumb',function(e){
-            $("#pdItemThumbPop").show();
-            $('#pdItemThumbPop').scrollTop(0);
-            var thumbIndex = $(this).parent().attr('id').replace("navLocate", "");
+			$('html, body').addClass('lock'); // 210827_ lock 추가 
+			$('#pdItemThumbPop').css("display", "block");
+			$("#pdItemThumbPop").scrollTop(0);
+			var thumbIndex = $(this).parent().attr('id').replace("navLocate", "");
     		var scrollThumbPop = $('#popThumb'+thumbIndex).height() * (thumbIndex-1);
     		$('#pdItemThumbPop').animate({scrollTop : scrollThumbPop}, 1000);
 			return false;
-        })
+		}).on('click','.full_popup_wrap .btn_close, #btn_close_itemThumbPop',function(e){ // 210827_ lock 해제 
+			$("#pdItemThumbPop").scrollTop(0);
+			$("#pdItemThumbPop").hide(); 
+			$('html, body').removeClass('lock');
+			return false;
+		});
 
 		
 			

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

@@ -36,7 +36,7 @@
 								<input type="hidden" name="brandGroupNo" th:value="${params.brandGroupNo}">
 								<fieldset>
 									<legend>결과 내 재검색</legend>
-									<input type="text" id="keyword" name="keyword" th:value="${params.keyword}" placeholder="" class="search_input" title="검색어 입력" maxlength="100" autocomplete="off">
+									<input type="text" id="keyword" name="keyword" th:value="${params.keyword}" placeholder="" class="form_control search_input" title="검색어 입력" maxlength="100" autocomplete="off">
 									<button type="button" class="sch_btn" onclick="fnSearchData();"><span>검색</span></button>
 								</fieldset>
 							</form>

src/main/webapp/ux/mo/css/common_m.css

@@ -655,6 +655,14 @@ header .htop .button_wrap .store{position: relative;margin: 0 0 0 1.1666rem;}
 header .htop .button_wrap .store img{width: 1.8rem;}
 header .htop .button_wrap .store img:nth-child(1) { height: 2.2rem;}
 header .htop .button_wrap .store span { width: 2.1rem; height: 1.4rem; position: absolute; top: -0.5rem; right: -1.0rem; background: #fd4802; border-radius: 0.8rem; font-size: 0.8rem; color: #fff; line-height: 1.6rem;}
+
+/* 210827_ 고객요청 _ 상품상세에서만 헤더 홈버튼 위치 이동 */
+header .htop .button_wrap.pd {position: relative; width: 78%; height: 5.5rem; float: right; padding: 1.6rem 0 0; margin: 0 2.5rem 0 0; box-sizing: border-box;}
+header .htop .button_wrap.pd .home {margin: 0 1.1666rem 0 1.2rem;}
+header .htop .button_wrap.pd .search {margin:0 1.1666rem 0 1.1666rem; position: absolute; top: auto;right: 4rem;}
+header .htop .button_wrap.pd .store{margin: 0 0 0 1.1666rem;position: absolute;top: auto;right: 0.0rem;}
+
+
 header .btn_gnb {position: absolute;top: 0;right: -3.5rem;width: 3.5rem;height: 100%;z-index: 10;}
 header .btn_gnb span {display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;}
 header .btn_gnb span i {display: block;position: absolute;left: 0;width:100%;height: 100%;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
@@ -775,7 +783,7 @@ body.header-show .app .gnb{top: 5.0rem;}
 
 main.container{margin-top: 0; overflow: hidden;}
 main.container.mb {margin-top: -5.5rem;}
-main.container .inner:last-child{padding-bottom: 6.0rem; margin-bottom: 0;}
+main.container .inner:last-child{padding-bottom: 6.0rem; margin-bottom: 0;touch-action: pan-x;}
 
 /* 페이지별 헤더 세팅 */
 main.app-only section.sett, main.app-only section.notice, section.content {margin-top: 5.5rem;}

src/main/webapp/ux/mo/css/layout_m.css

@@ -465,10 +465,11 @@
 .pd.deal .pd_detail > .inner:nth-of-type(3){margin-bottom:0;}
 .pd_detail .pd_info > .inner.wide,
 .pd_detail > .inner.wide{padding-left:0!important; padding-right:0!important; padding-bottom:0;}
-.pd_detail .movbox {position: relative;height: 0;padding-top: 100%;padding-bottom:50.25%;overflow: hidden;transition: all 300ms ease;transform: scale(1);}
+.pd_detail .movbox {position: relative;height: 0;padding-top: 100%;padding-bottom:50.35%;overflow: hidden;transition: all 300ms ease;transform: scale(1);}
 .pd_detail .movbox #prodMovBtn{background: rgb(246 55 55 / 0%);  position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;color: transparent;font-size: 0.1rem;z-index: 2;}
 /* .pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;} */
-.pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 300%;height: 100%;z-index: 1;left:-100%}
+/* .pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 300%;height: 100%;z-index: 1;left:-100%} */
+.pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;} /* 210827_ 영상비율 Portrait type 대응 */
 .pd_detail .thumb_box{position: relative;}
 .pd_detail .thumb_box .thumb_list{position:relative;}
 .pd_detail .thumb_box .thumb_list .thumb{position:relative; width:100%; padding-bottom: 150%;; background-color:#f5f5f5; overflow: hidden;}
@@ -867,6 +868,7 @@
 #shoppingBagModal .shoppingBag_box .link_shoppingBag{margin-top:1rem; padding:0.9rem 2.5rem; display:inline-block; border:0.1rem solid #656565; font-size:1.1rem; color:#fff;}
 
 /* pd_pop > 상품썸네일 크게보기 */
+.lock {overflow:hidden;}
 .pd_pop.full_pop {display:none; position:fixed; top:0; bottom:0; left:0; right:0; margin-top:16.0rem; width:100%; height:calc(100% - 16.0rem); overflow-y:auto; z-index:110; background:#fff; line-height:1;}
 .pd_pop.full_pop.pd_itemthumb_pop {margin-top:0; height:100%;}
 .pd_pop .full_popup_wrap .btn_close {position:fixed; right:3.0rem; top:3.0rem; display:inline-block; z-index:130; cursor:pointer;}

src/main/webapp/ux/mo/css/style24_m.css

@@ -975,7 +975,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .review .note li {position:relative; padding-left: 0.8rem;color: #888888; font-size:1.2rem}
 .my .review .note li::before {content: '';position: absolute;top: 0.7rem;left: 0;background: #858585;width: 0.3rem;height: 0.3rem;}
 /* my_order_1 */
-.my .order_sort {padding-top: 2rem;padding-bottom: 1.2rem;margin-bottom: -2.4rem; text-align: right;}
+.my .order_sort {padding-top: 2rem;padding-bottom: 1.2rem;padding-right: 2rem;padding-left: 2rem;margin-left:-2rem; margin-right: -2rem; margin-bottom: -2.4rem;text-align: right;background: #fff;} /* 210827_ 회원,비회원공통 */
 .my .order_sort a {display: inline-block; font-size: 1.2rem; font-weight: 300; padding-right: 1.4rem; background: url('//image.istyle24.com/Style24/images/mo/ico_sort_arrow.png') no-repeat right center; background-size:0.7rem 0.43rem;}
 .my .order_sort a:first-child {margin-right: 2rem;}
 .my .my_order .inner .part_goods {margin-bottom: 1.2rem; margin-top: -1.2rem;margin-top: 1.2rem;}

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

@@ -767,6 +767,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .itemPic .pd_img,
 .itemPic .pd_mov {position: absolute;width: 100%;height: auto;top: 50%;left: 0px;transform: translateY(-50%);}
 .itemPic .pd_mov {z-index: 2;height: 100%;left: -83.45%;width: 267%;}
+.itemPic .pd_mov {position: absolute;width: 100%;left: 0;top: 0;padding: 0;transform: translate(0);} /* 210827_ 영상비율 Portrait type 대응 */
 .itemPic .pd_img {z-index: 1;transition: 0.5s;}
 .itemPic .pd_img::after {content: '';display: block; height: 100%;width: 100%;background: #333;}
 .itemOpt{z-index:3; pointer-events:none;position: absolute;bottom: -120px; left: 0; right: 0; width: 100%; height:62px;padding: 25px 0; text-align:center; color: #fff; background: #000; opacity: 0.8; transition-duration:0.45s;}

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

@@ -3154,7 +3154,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal[class*="reviewdetail_pop"] .swiper-button-next {right:-70px;}
 	.modal[class*="reviewdetail_pop"] .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
 	.modal[class*="reviewdetail_pop"] .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
-	.modal[class*="reviewdetail_pop"] .modal-body .pop_cont {max-height:none;}
+	.modal[class*="reviewdetail_pop"] .modal-body .pop_cont {height:auto;max-height:none;}
 	.modal[class*="reviewdetail_pop"] .modal-header h5.modal-title {display:inline-block; margin:0; font-size:24px; font-weight:500;}
 	.modal[class*="reviewdetail_pop"] .modal-header .txt {margin-top:20px; color:#666; font-size:16px; font-weight:300;}
 	.modal[class*="reviewdetail_pop"] .modal-body .pop_cont {line-height:1;}
@@ -3172,6 +3172,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal[class*="reviewdetail_pop"] .detail .review .pic .thumb iframe {width: 140%;transform:none;left: -40%;right: 0;top:0;bottom: 0;max-width: 140%;}
 	.modal[class*="reviewdetail_pop"] .detail .review .pic .thumb iframe img {width: 140%;transform:none;left: -40%;right: 0;top:0;bottom: 0;max-width: 140%;}
 	.modal[class*="reviewdetail_pop"] .detail .review .pic .thumb.mov iframe {width: 100%;transform:none;left: 0%;right: 0;top:0;bottom: 0;max-width: 100%;}
+	/* 210827_ 영상비율 Portrait type 대응 */
+	.modal[class*="reviewdetail_pop"] .detail .review .pic .thumb iframe {width: 100%;transform:none;left: 0%;right: 0;top:0;bottom: 0;max-width: 100%;}
 
 	.modal[class*="reviewdetail_pop"] .detail .review .review_cont {display:table-cell; padding-left:50px; vertical-align:top;}
 	.modal[class*="reviewdetail_pop"] .detail .review .review_cont .box_wrap {display:block; height:455px; overflow-y:auto;}
@@ -3554,7 +3556,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.sch_result .area_info .inner_search input[type='text'] {width:96%; border:none; padding:2px 0px 10px; color:#222; font-size:30px;}
 	.sch_result .area_info .inner_search input[type='text']::placeholder {color:#888;}
 	.sch_result .area_info .inner_search button {display:inline-block; width:24px; height:24px; background:url('//image.istyle24.com/Style24/images/pc/ico_search_faq.png') no-repeat 50% 50%; background-size:100% auto; overflow:hidden; font-size:1px; text-indent:-999px;}
-	.sch_result .area_info .inner_search .autokeyword {display:none; position:absolute; left:0; top:34px; width:100%; padding:0px; background:#fff; border:1px solid #222; z-index:5;}
+	.sch_result .area_info .inner_search .autokeyword {display:none; position:absolute; left:0; top:50px; width:100%; padding:0px; background:#fff; border:1px solid #222; z-index:5;}
 	.sch_result .area_info .inner_search .autokeyword.active {display:block;}
 	.sch_result .area_info .inner_search .autokeyword ul li a {display:block; padding:10px 15px; color:#888;}
 	.sch_result .area_info .inner_search .autokeyword ul li a em {color:#fd4802;}