포토리뷰 작업 중

This commit is contained in:
2026-01-08 00:17:24 +09:00
parent 534015a521
commit 9b65f15631
6 changed files with 43 additions and 28 deletions

View File

@@ -5570,7 +5570,7 @@ body.scroll-up .infoSticky {
}
}
.photoReviewDetailPopup .btn-photoList {
display: block;
display: none;
position: absolute;
bottom: 0;
left: 0;
@@ -5595,6 +5595,9 @@ body.scroll-up .infoSticky {
line-height: 1;
}
}
.photoReviewDetailPopup.toPhotoReviewAll .btn-photoList {
display: block;
}
.photoReviewDetailPopup .photoReviewDetailWrap {
display: flex;
flex-wrap: wrap;

File diff suppressed because one or more lines are too long

View File

@@ -6156,7 +6156,7 @@ video::-webkit-media-controls {
}
}
.btn-photoList {
display: block;
display: none;
position: absolute;
bottom: 0;
left: 0;
@@ -6179,6 +6179,12 @@ video::-webkit-media-controls {
line-height: 1;
}
}
&.toPhotoReviewAll {
.btn-photoList {
display: block;
}
}
.photoReviewDetailWrap {
display: flex;
flex-wrap: wrap;

View File

@@ -1073,11 +1073,14 @@ function setImageFromFile(input, expression) {
}
//레이어 팝업 오픈 스크립트
function open_layer_popup(popid) {
function open_layer_popup(popid, addClass) {
var popid = popid;
$("#" + popid).css("display", "flex");
$("body").css("overflow", "hidden");
$("body").css("touch-action", "none");
if (addClass) {
$("#" + popid).addClass(addClass);
}
$("#" + popid)
.stop()
.animate({ opacity: "1" }, { queue: true, duration: 450, easing: "easeInOutExpo" });
@@ -1087,7 +1090,7 @@ function open_layer_popup(popid) {
}
//레이어 팝업 클로즈 스크립트
function close_layer_popup(popid) {
function close_layer_popup(popid, removeClass) {
var popid = popid;
$("#" + popid)
.stop()
@@ -1103,6 +1106,9 @@ function close_layer_popup(popid) {
},
}
);
if (removeClass) {
$("#" + popid).removeClass(removeClass);
}
$("body").css("overflow", "auto");
$("body").css("touch-action", "auto");
}

View File

@@ -428,12 +428,12 @@
<h2>상품 리뷰</h2>
</div>
<div class="tabWarp">
<a href="review-list.html" class="tabActive">
<a href="review-list.html">
<p>
<span>작성 가능한 리뷰</span>
</p>
</a>
<a href="review-manage.html">
<a href="review-manage.html" class="tabActive">
<p>
<span>내 리뷰 관리</span>
</p>
@@ -441,7 +441,7 @@
</div>
<div class="myItemWarp">
<h3>리뷰 작성하기</h3>
<h3>리뷰 수정하기</h3>
<div class="productListWarp">
<div class="productLis">
<ul>

View File

@@ -1750,11 +1750,11 @@
<div class="formBox">
<dl class="important">
<dt>옵션사양</dt>
<dt>옵션 선택</dt>
<dd>
<div class="selectInner">
<div class="cont-select">
<button class="btn-select" data-placeholder="리뷰를 작성하실 제품사양을 선택하세요." data-placeholder-mobile="제품사양을 선택하세요."></button>
<button class="btn-select" data-placeholder="리뷰를 작성하실 옵션을 선택하세요." data-placeholder-mobile="제품사양을 선택하세요."></button>
<ul class="list-member">
<li><button type="button">디즈니 미키와 친구들</button></li>
<li><button type="button">마블 어벤져스 어셈블</button></li>
@@ -1766,7 +1766,7 @@
</div>
</dd>
<dd class="optionDetail">
<div class="before">리뷰 작성하실 제품 사양을 선택하면 여기에 표시됩니다.</div>
<div class="before">리뷰 작성하실 옵션을 선택하면 여기에 표시됩니다.</div>
<div class="optionDetailInner">
<div class="optionThumb">
<img src="../assets/images/kia/pdp/display_theme_disney/producy-temp1.png" alt="이미지 상품명">
@@ -1864,7 +1864,7 @@
<div class="carswBtn">
<div class="towButton">
<button type="button" class="leftBtn" onClick="close_layer_popup('reviewWrite_Popup');"><p>취소</p></button>
<button type="button" class="rightBtn"><p>리뷰등록</p></button>
<button type="button" class="rightBtn"><p>리뷰 등록</p></button>
</div>
</div>
</div>
@@ -1885,82 +1885,82 @@
<div class="photoReviewList">
<ul>
<li>
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<button onclick="open_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp1.jpg" alt="리뷰 이미지">
<div class="count">3</div>
</a>
</li>
<li>
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<button onclick="open_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp2.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<button onclick="open_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp3.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<button onclick="open_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp4.jpg" alt="리뷰 이미지">
<div class="count">2</div>
</a>
</li>
<li>
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<button onclick="open_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp5.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<button onclick="open_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp6.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<button onclick="open_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp4.jpg" alt="리뷰 이미지">
<div class="count">2</div>
</a>
</li>
<li>
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<button onclick="open_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp5.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<button onclick="open_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp6.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<button onclick="open_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp4.jpg" alt="리뷰 이미지">
<div class="count">2</div>
</a>
</li>
<li>
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<button onclick="open_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp5.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<button onclick="open_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp6.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<button onclick="open_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp4.jpg" alt="리뷰 이미지">
<div class="count">2</div>
</a>
</li>
<li>
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<button onclick="open_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp5.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<button onclick="open_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp6.jpg" alt="리뷰 이미지">
</a>
</li>
@@ -2060,7 +2060,7 @@
<div class="carswBtn">
<div class="oneButton">
<a href="javascript:;" class="cartBtn leftBtn" onClick="javascript:close_layer_popup('photoReviewDetail_Popup');"><p>닫기</p></a>
<a href="javascript:;" class="cartBtn leftBtn" onClick="javascript:close_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll');"><p>닫기</p></a>
</div>
</div>
</div>