gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

포토리뷰 작업 중

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2025-12-28 21:48:37 +09:00
parent f4f47bcc5f
commit 523e780e69
23 changed files with 1817 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
kr/product/pdp_display_theme_disney_frozen.html
View File

@@ -156,9 +156,6 @@
</ul>
</div>
</li>
<li class="menuDepth1Wrap">
<a href="/kr/info/as-guide.html" class="menuDepth1" data-url="/kr/info/as-guide.html">이벤트</a>
</li>
</ul>
<!-- 모바일 전용 추가 메뉴 영역입니다. -->
<div class="mobileSubMenu">
@@ -1089,7 +1086,7 @@
<!--관련상품-->
<!-- [S] [2차]리뷰 -->
<div class="comp_wide reviewArea">
<div id="pdpReviewArea" class="comp_wide reviewArea">
<div class="comp_body reviewInner">
<div class="titleArea">
<h2>리뷰 (14)</h2>
@@ -1131,16 +1128,18 @@
<img src="../assets/images/kia/product-img/phptoreview-temp6.jpg" alt="리뷰 이미지">
</button>
</li>
<li onclick="javascript:open_layer_popup('photoReviewAll_Popup')">
<button class="allPhotoReview">
<li>
<!-- 전체 포토리뷰 버튼 -->
<button class="allPhotoReview" onclick="open_layer_popup('photoReviewAll_Popup')">
<img src="../assets/images/kia/product-img/phptoreview-temp7.jpg" alt="리뷰 이미지">
</button>
<!-- //전체 포토리뷰 버튼 -->
</li>
</ul>
<div class="noneReview">
<!-- <div class="noneReview">
<p>등록된 포토리뷰가 없습니다. <br />여러분의 멋진 리뷰를 기다리고 있어요!</p>
</div>
</div> -->
</div>
@@ -1148,9 +1147,9 @@
<div class="searchBox">
<div class="selectInner">
<div class="cont-select">
<button class="btn-select">최근순</button>
<button class="btn-select">최신순</button>
<ul class="list-member">
<li><button type="button">최근순</button></li>
<li><button type="button">최신순</button></li>
<li><button type="button">인기순</button></li>
</ul>
</div>
@@ -1184,13 +1183,13 @@
<div class="photoArea">
<div class="photoItem">
<img src="../assets/images/kia/product-img/phptoreview-temp1-1.jpg" alt="리뷰 이미지">
<button onclick="open_layer_popup('photoReviewDetail_Popup');"><img src="../assets/images/kia/product-img/phptoreview-temp1-1.jpg" alt="리뷰 이미지"></button>
</div>
<div class="photoItem">
<img src="../assets/images/kia/product-img/phptoreview-temp1-2.jpg" alt="리뷰 이미지">
<button onclick="open_layer_popup('photoReviewDetail_Popup');"><img src="../assets/images/kia/product-img/phptoreview-temp1-2.jpg" alt="리뷰 이미지"></button>
</div>
<div class="photoItem">
<img src="../assets/images/kia/product-img/phptoreview-temp1-3.jpg" alt="리뷰 이미지">
<button onclick="open_layer_popup('photoReviewDetail_Popup');"><img src="../assets/images/kia/product-img/phptoreview-temp1-3.jpg" alt="리뷰 이미지"></button>
</div>
</div>
</div>
@@ -1220,10 +1219,10 @@
<div class="photoArea">
<div class="photoItem">
<img src="../assets/images/kia/product-img/phptoreview-temp1-1.jpg" alt="리뷰 이미지">
<button onclick="open_layer_popup('photoReviewDetail_Popup');"><img src="../assets/images/kia/product-img/phptoreview-temp1-1.jpg" alt="리뷰 이미지"></button>
</div>
<div class="photoItem">
<img src="../assets/images/kia/product-img/phptoreview-temp1-2.jpg" alt="리뷰 이미지">
<button onclick="open_layer_popup('photoReviewDetail_Popup');"><img src="../assets/images/kia/product-img/phptoreview-temp1-2.jpg" alt="리뷰 이미지"></button>
</div>
</div>
</div>
@@ -1750,7 +1749,7 @@
<dd>
<div class="selectInner">
<div class="cont-select">
<button class="btn-select">제품사양 선택하세요.</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>
@@ -1762,7 +1761,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="이미지 상품명">
@@ -1786,7 +1785,7 @@
<dt>리뷰내용</dt>
<dd class="contentsWrap">
<textarea class="inquiryContents" name="" id="" cols="30" rows="10" placeholder="구매하신 옵션에 대한 솔직한 &#10;후기를 작성해주세요. &#10;(최대 1,000자)"></textarea>
<textarea class="inquiryContents" name="" id="" cols="30" rows="10" placeholder="구매하신 옵션에 대한 솔직한 후기를 작성해주세요. (최대 1,000자)"></textarea>
<div class="wordCounter textCount">
0/1000
</div>
@@ -1874,87 +1873,89 @@
<div class="content">
<p class="title">
<strong>포토리뷰 전체보기</strong>
<button class="btn-close" onClick="close_layer_popup('photoReviewAll_Popup');"><p>닫기</p></button>
</p>
<div class="photoReviewList">
<ul>
<li>
<a href="#">
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp1.jpg" alt="리뷰 이미지">
<div class="count">3</div>
</a>
</li>
<li>
<a href="#">
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp2.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<a href="#">
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp3.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<a href="#">
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp4.jpg" alt="리뷰 이미지">
<div class="count">2</div>
</a>
</li>
<li>
<a href="#">
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp5.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<a href="#">
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp6.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<a href="#">
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp4.jpg" alt="리뷰 이미지">
<div class="count">2</div>
</a>
</li>
<li>
<a href="#">
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp5.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<a href="#">
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp6.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<a href="#">
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp4.jpg" alt="리뷰 이미지">
<div class="count">2</div>
</a>
</li>
<li>
<a href="#">
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp5.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<a href="#">
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp6.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<a href="#">
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp4.jpg" alt="리뷰 이미지">
<div class="count">2</div>
</a>
</li>
<li>
<a href="#">
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp5.jpg" alt="리뷰 이미지">
</a>
</li>
<li>
<a href="#">
<button onclick="open_layer_popup('photoReviewDetail_Popup'); close_layer_popup('photoReviewAll_Popup');">
<img src="../assets/images/kia/product-img/phptoreview-temp6.jpg" alt="리뷰 이미지">
</a>
</li>
@@ -1980,7 +1981,7 @@
<strong>포토리뷰 상세</strong>
<button class="btn-photoList" onClick="open_layer_popup('photoReviewAll_Popup'); close_layer_popup('photoReviewDetail_Popup');">포토리뷰 전체보기</button>
<b class="btn-close" onClick="close_layer_popup('photoReviewDetail_Popup');"><p>닫기</p></b>
<button class="btn-close" onClick="close_layer_popup('photoReviewDetail_Popup');"><p>닫기</p></button>
</div>
<div class="photoReviewDetailWrap">
@@ -2192,8 +2193,9 @@
// btn.removeClass("on");
// }
const targetText = $(this).text();
$(this).closest(".cont-select").find(".btn-select").text(targetText).removeClass("on");
$(this).closest(".cont-select").find(".btn-select").text(targetText).addClass("selected").removeClass("on");
$(this).closest("ul").find("li").removeClass("active");
$(this).closest(".important").addClass("optionSelected");
$(this).parent("li").addClass("active");
});
});
@@ -2205,9 +2207,9 @@
}
//임시- 삭제 새로고침되면 #onlyPhotoReview 여기로 이동
$(document).ready(function() {
window.location.href = "#onlyPhotoReview";
});
// $(document).ready(function() {
// window.location.href = "#onlyPhotoReview";
// });
// 포토리뷰 상세 팝업 Swiper 초기화
var photoReviewDetailSwiper = null;