관리자용 수정

assets/js/common.js

@@ -262,11 +262,12 @@ $(document).ready(function() {
         //디스플레이테마 스크롤 시 스와이퍼 실행
         if ( $( this ).scrollTop() > 400 ) {
             if(flagScroll){
+                // console.log("스크롤 실행")
+                pdpIntro();
                 pdpDisplayThemeSwiper()
                 pdpDisplayThemeSwiperDtl();
                 pdpInCarGameSwiper()
                 pdpInCarGameSwiperDtl();
-                pdpIntro();
                 
                 flagScroll = false;
             }
@@ -624,33 +625,63 @@ $(document).on("click", ".displayTheme .dtthumb", function() {
     dtthumbClickFlag = true;
 });
 
-function pdpIntro(){
+function pdpIntro() {
-    if($('#dpThemeVideo').length > 0){
+    // dpThemeVideo 요소가 존재하는지 확인
-        const videoElement = document.getElementById('dpThemeVideo');
+    if ($('.video_wrap video').length > 0) {
-        const videoWrap = $('.displayTheme .video_wrap');
+        // .video_wrap 내 모든 비디오 요소 선택
-        const btnIntro = $('.displayTheme .btn-intro');
+        const videoElements = document.querySelectorAll('.video_wrap video');
-        const btnClose = $('.video_wrap .btn-close');
+        videoElements.forEach(video => {
+            
+            const videoWrap = $('.displayTheme .video_wrap');
+            const btnIntro = $('.displayTheme .btn-intro');
+            const btnClose = $('.video_wrap .btn-close');
+            // console.log("Intro 실행");
 
-        videoElement.addEventListener('ended', function() {
+            // 비디오 요소가 존재하는지 확인
-            $(videoWrap).fadeOut('fast',function(){
+            if (video) {
-                videoElement.currentTime = 0;
+                // 비디오 재생이 끝났을 때 이벤트 리스너 추가
-                videoElement.pause();
+                video.addEventListener('ended', function() {
+                    // console.log("addEventListener ended 실행");
+                    $(videoWrap).hide();
+                    // 비디오 재생이 끝나면 비디오 숨기기
+                    // $(videoWrap).fadeOut('fast',function(){
+                    //     console.log("fadeOut 실행")
+                    //     video.currentTime = 0;
+                    //     video.pause();
+                    // });
+                });
+            }
+
+            // .btn-intro 버튼 클릭 시 비디오 재생
+            $(document).on("click", ".displayTheme .btn-intro", function() {
+                // console.log('intro 다시 실행');
+                $(videoWrap).show();
+                if (video) {
+                    video.currentTime = 0;
+                    video.play();
+                }
             });
-        });
+
-        $(btnIntro).on('click', function() {
+            // .btn-close 버튼 클릭 시 비디오 숨기기
-            $(videoWrap).fadeIn('fast',function(){
+            $(document).on("click", ".video_wrap .btn-close", function() {
-                videoElement.currentTime = 0;
+                // console.log('btn close 실행');
-                videoElement.play();
+                $(videoWrap).hide();
-            });
+                if (video) {
-        });
+                    video.currentTime = 0;
-        
+                    video.pause();
-        $(btnClose).on('click', function() {
+                }
-            $(videoWrap).fadeOut('fast',function(){
-                videoElement.currentTime = 0;
-                videoElement.pause();
             });
 
         });
+
+        // 주석 처리된 부분: 버튼 클릭 시 비디오 숨기기
+        // $(btnClose).on('click', function() {
+        //     $(videoWrap).show()
+        //     // .fadeOut('fast',function(){
+        //     //     video.currentTime = 0;
+        //     //     video.pause();
+        //     // });
+        // });
     }
 }
 
@@ -858,4 +889,13 @@ $.fn.clearForm = function () {
             this.selectedIndex = -1;
         }
     });
-};
+};
+
+
+// $(document).on("click", ".video_wrap .btn-close", function() {
+//  alert("클릭")
+//      $(".video_wrap").fadeOut('fast',function(){
+//          videoElements.currentTime = 0;
+//          videoElements.pause();
+//      });
+// })

product/pdp_display_theme_0429.html

@@ -241,8 +241,8 @@
            <div class="infoStickyInner">
                 <div class="stickyLeft">
                     <p>
-                        <strong>Kia Dynamic LED</strong>
+                        <strong>NBA 디스플레이 테마</strong>
-                        <span>Light Type-A</span>
+                        <!-- <span>30개 NBA 팀의 개성있는 디스플레이 테마로 분위기 업업~!!!</span> -->
                     </p>
                 </div>
                 <div class="stickyRight">
@@ -282,9 +282,9 @@
                 <div class="productRight">
                     <div class="optionWarp">
                         <div class="producTitle">
-                            <span>차량SW</span>
+                            <!-- <span>차량SW</span> -->
-                            <h1>Kia Dynamic LED</h1>
+                            <h1>NBA 디스플레이 테마</h1>
-                            <p>특별하고 빛나는 것을 좋아 하시나요? 일상에 기쁨을 더해주는 빛의 변주, 딜라이팅 라이팅이 당신을 기다립니다.</p>
+                            <p>30개 NBA 팀의 개성있는 디스플레이 테마로 분위기 업업~!!!</p>
                         </div>
                         <div class="producOption scroll">
                             <h2>구성 상품</h2>
@@ -687,10 +687,10 @@
             </div>
             <div class="text_area">
                 <h5>
-                디지털 패턴 라이팅 그릴 적용 한해서 구매가능
+                    CCNC 차량에 한하여 구매가능
                 </h5>
                 <p>
-                    해당 사양은 디지털 패턴 라이팅 그릴이 적용된 차량에 한해서 구매할 수 있습니다. 참고하시길 바랍니다.
+                    기아 ccNC 인포테인먼트 플폼이 적용된 차량에만 선택 가능합니다.
                 </p>
             </div>
         </div>
@@ -703,7 +703,7 @@
                     고객 맞춤형 설정 기능
                 </h5>
                 <p>
-                    고객 취향과 선호도에 따라 앱 또는 차량 내에서 패턴 설정을 커스터마이징할 수 있습니다.
+                    여러 개의 테마를 구입하여 운전자 별로 다르게 설정할 수 있습니다.
                 </p>
             </div>
         </div>  

product/pdp_in_car_game.html

@@ -241,14 +241,14 @@
            <div class="infoStickyInner">
                 <div class="stickyLeft">
                     <p>
-                        <strong>Kia Dynamic LED</strong>
+                        <strong>아케이드 게임</strong>
-                        <span>Light Type-A</span>
+                        <!-- <span>Light Type-A</span> -->
                     </p>
                 </div>
                 <div class="stickyRight">
                     <dl>
                         <dt>평생 이용권</dt>
-                        <dd>₩ 150,000</dd>
+                        <dd>₩ 0</dd>
                     </dl>
                 </div>
            </div>                         
@@ -283,7 +283,7 @@
                     <div class="optionWarp">
                         <div class="producTitle">
                             <!-- <span>차량SW</span> -->
-                            <h1>기아 캐주얼 게임</h1>
+                            <h1>아케이드 게임</h1>
                             <p>차안에서 게임을 즐기며 시간을 보내보세요.</p>
                         </div>
                         
@@ -294,7 +294,7 @@
                                     <input type="radio"  name="radioBtn"  id="radioOne" value="평생이용권 150000">
                                     <label for="radioOne">
                                         <span>평생 이용권</span>
-                                        <strong>₩ 150,000</strong>
+                                        <strong>₩ 0</strong>
                                     </label>
                                 </div>
                                 
@@ -411,7 +411,7 @@
                         <div class="image_area video-slide">
                             <!-- <img src="../assets/images/kia/pdp/in_car_game/theme1-1.png" class="themeImg" alt="디스플레이 테마1"> -->
 
-                            <video loop muted playsinline preload="auto" autoplay poster="/kr/assets/images/kia/pdp/in_car_game/thumb02.png">
+                            <video loop muted playsinline preload="auto" autoplay poster="/kr/assets/images/kia/pdp/in_car_game/theme1-1.png">
                                 <source src="../assets/images/kia/pdp/in_car_game/theme2-1.mp4" type="video/mp4" class="themeVideo">
                             </video>
                         </div>
@@ -436,7 +436,7 @@
                 <div class="swiper-wrapper">
                   <div class="swiper-slide video-slideThumb">
                     <!-- <img src="../assets/images/kia/pdp/in_car_game/theme1-1.png" class="themeImgThumb" alt="" /> -->
-                    <video loop muted playsinline preload="auto" poster="../assets/images/kia/pdp/in_car_game/thumb02.png">
+                    <video loop muted playsinline preload="auto" poster="../assets/images/kia/pdp/in_car_game/theme1-1.png">
                         <source src="../assets/images/kia/pdp/in_car_game/theme2-1.mp4" type="video/mp4" class="themeVideo">
                     </video>
                   </div>
@@ -525,10 +525,10 @@
             </div>
             <div class="text_area">
                 <h5>
-                디지털 패턴 라이팅 그릴 적용 한해서 구매가능
+                    기아 커넥트 가입 고객 구매 가능
                 </h5>
                 <p>
-                    해당 사양은 디지털 패턴 라이팅 그릴이 적용된 차량에 한해서 구매할 수 있습니다. 참고하시길 바랍니다.
+                    기아 커넥트 서비스 가입 상태인 고객에 한하여 가입 및 플레이 가능하오니 구매에 참고 바랍니다.
                 </p>
             </div>
         </div>
@@ -538,10 +538,10 @@
             </div>
             <div class="text_area">
                 <h5>
-                    고객 맞춤형 설정 기능
+                    CCNC 차량에 한하여 구매 가능
                 </h5>
                 <p>
-                    고객 취향과 선호도에 따라 앱 또는 차량 내에서 패턴 설정을 커스터마이징할 수 있습니다.
+                    해당 아이템은 12.5인치 CCNC 플랫폼 적용 차량에 한하여 구입 가능합니다.
                 </p>
             </div>
         </div>  

product/pdp_srs_plus.html

@@ -396,10 +396,10 @@
             </div>
             <div class="text_area">
                 <h5>
-                    기아 커넥트 가입 고객 구매 가능
+                    기아 커넥트 서비스 이용 필수
                 </h5>
                 <p>
-                    기아 커넥트 서비스 가입 상태인 고객에 한하여 가입 및 플레이 가능하오니 구매에 참고 바랍니다.
+                    기아 커넥트 서비스 이용자에 한하여 구매할 수 있습니다.
                 </p>
             </div>
         </div>
@@ -409,10 +409,10 @@
             </div>
             <div class="text_area">
                 <h5>
-                    CCNC 차량에 한하여 구매 가능
+                    구매 가능 여부는 차종 별 상이
                 </h5>
                 <p>
-                    해당 아이템은 12.5인치 CCNC 플랫폼 적용 차량에 한하여 구입 가능합니다.
+                    상품 구매 및 이용가능 여부는 차량 하드웨어 구성 및 제어기의 펌웨어 버전에 따라 상이할 수 있으며, 로그인 후 확인하실 수 있습니다.
                 </p>
             </div>
         </div>