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-10-29 23:13:06 +09:00
parent afa6e761c2
commit 7c0545236b
4 changed files with 145 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
kr/assets/css/pdp_detail.css
View File

@@ -4522,7 +4522,7 @@
padding: 0 0 10rem;
}
}
.displayThemeDesney.discover-epic-design .tab-wrap .tab-box.box1 {
.displayThemeDesney.discover-epic-design .tab-wrap .tab-box.active {
display: block;
}
.displayThemeDesney.discover-epic-design .tab-wrap .tab-box .discover {

2
kr/assets/css/pdp_detail.scss
View File

@@ -5141,7 +5141,7 @@
}
}
&.box1 {
&.active {
display: block;
}

3
kr/assets/js/common.js
View File

@@ -17,7 +17,8 @@ $(document).ready(function () {
$thisBtn.closest("li").addClass("active");
// 탭 콘텐츠 show/hide
$tabContents.hide().eq(currentIndex).show();
$tabContents.removeClass("active");
$tabContents.eq(currentIndex).addClass("active");
// 스크롤 이동
$("html, body").animate(

282
kr/product/pdp_display_theme_disney_frozen.html
View File

@@ -582,16 +582,154 @@
<div class="inner">
<div class="btn-select">디즈니 겨울왕국</div>
<ul>
<li class="active">
<span class="tab-btn">디즈니 겨울왕국</span>
</li>
<li>
<span class="tab-btn">디즈니 미키와 친구들</span>
</li>
<li class="active">
<span class="tab-btn">디즈니 겨울왕국</span>
</li>
</ul>
</div>
</div>
<div class="tab-box box1">
<div class="index-area">
<div class="inner">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme_mickey/img_index.png" class="web" alt="index" />
<img src="../assets/images/kia/pdp/display_theme_mickey/img_index_m.png" class="mobile" alt="index" />
</div>
</div>
</div>
<div class="discover-area">
<div class="comp_top">
<h3>디즈니 테마, 직접 확인해보세요!</h3>
</div>
<div class="discover">
<div class="inner">
<div class="item welcome-goodbye aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
<div class="image_area">
<video class="video-welcome" playsinline="playsinline" autoplay="autoplay" muted="" loop="">
<source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Welcome.mov" type="video/quicktime" />
<source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Welcome.webm" type="video/webm" />
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
</video>
</div>
<div class="image_area">
<video class="video-goodbye" playsinline="playsinline" autoplay="autoplay" muted="" loop="">
<source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Goodbye.mov" type="video/quicktime" />
<source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Goodbye.webm" type="video/webm" />
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
</video>
</div>
<div class="text_area">
<h4>Welcome &amp; Goodbye Video</h4>
<p>디즈니 미키와 친구들 컨셉의 모션 그래픽 Video가 차량 Sleep 모드 동작 이후 차량을 켤 때, 끌 때 적용 됩니다.</p>
</div>
</div>
<div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme_mickey/img_Cluster.png" class="themeImg box1-cluster" alt="Cluster" />
</div>
<div class="text_area">
<h4>Cluster</h4>
<p>선택한 디즈니 테마가 클러스터 화면에 적용됩니다. 디즈니만의 사랑스럽고 유쾌한 그래픽과 게이지 디자인을 확인해 보세요.&nbsp;</p>
<p><span class="add">※ 차종에 따라 클러스터 화면 디자인이 상기 이미지와 다를 수 있습니다.</span></p>
</div>
</div>
<div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme_mickey/img_Map.png" class="themeImg box1-navigation" alt="Navigation" />
</div>
<div class="text_area">
<h4>Navigation</h4>
<p>목적지까지의 길 안내 기능을 이용할 때마다 디즈니의 특별한 아트워크가 현재 위치를 표시해줍니다.</p>
</div>
</div>
<div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme_mickey/img_Home.png" class="themeImg box1-homecard" alt="Homecard" />
</div>
<div class="text_area">
<h4>Homecard</h4>
<p>각 메뉴 화면을 넘길 때마다 디즈니 캐릭터와 로고, 다양한 일러스트가 나타납니다.</p>
</div>
</div>
<div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme_mickey/img_Profile.png" class="themeImg box1-profile" alt="Profile" />
</div>
<div class="text_area">
<h4>Profile</h4>
<p>디즈니 캐릭터와 로고를 활용하여 디자인된 다양한 프로필 이미지를 선택할 수 있습니다. 운전자마다 다른 이미지를 설정해 보세요.</p>
</div>
</div>
</div>
</div>
<div class="three-reasons">
<div class="tit-area">
<div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<p>디즈니 테마를 놓쳐서는 안 될</p>
<h3>세 가지 이유</h3>
</div>
</div>
<div class="reasons">
<div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<ol>
<li>
<p>
<strong>익숙한 공간에 스며드는 특별함</strong>
디즈니 테마와 함께,<br class="br-m" />
매 순간 드라이브의 즐거움을 느껴보세요.
</p>
<div class="img-area">
<img src="../assets/images/kia/pdp/display_theme_mickey/img_reasons1.png" class="web" alt="" />
<img src="../assets/images/kia/pdp/display_theme_mickey/img_reasons1_m.png" class="mobile" alt="" />
</div>
</li>
<li>
<p>
<strong>취향은 달라도, 즐거움은 함께</strong>
디즈니 겨울왕국, 미키와 친구들 등<br class="br-m" />
디즈니를 사랑하는 팬이라면<br />
더 많은 캐릭터들의 등장을 놓치지 마세요.
<span class="add">※ 출시 예정 테마는 변경될 수 있습니다.</span>
</p>
<div class="img-area">
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons2.png" class="web" alt="" />
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons2_m.png" class="mobile" alt="" />
</div>
<!-- <div class="img-area">
<span class="img-msg">
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reason_mickey.png" alt="" />
<span class="msg"
>Our Themes<br />
Are Expanding</span
>
</span>
</div> -->
</li>
<li>
<p>
<strong>드라이브가 새로워지는 순간</strong>
기아 오너를 위한 디즈니 디스플레이 테마.<br />
지금 바로, 특별한 드라이빙을 시작해보세요.
</p>
<div class="img-area">
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons3.png" class="web" alt="" />
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons3_m.png" class="mobile" alt="" />
</div>
</li>
</ol>
<div class="copyright">ⓒ Disney</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-box box2 active">
<div class="index-area">
<div class="inner">
<div class="image_area">
@@ -735,144 +873,6 @@
</div>
</div>
</div>
<div class="tab-box box2">
<div class="index-area">
<div class="inner">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme_mickey/img_index.png" class="web" alt="index" />
<img src="../assets/images/kia/pdp/display_theme_mickey/img_index_m.png" class="mobile" alt="index" />
</div>
</div>
</div>
<div class="discover-area">
<div class="comp_top">
<h3>디즈니 테마, 직접 확인해보세요!</h3>
</div>
<div class="discover">
<div class="inner">
<div class="item welcome-goodbye aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
<div class="image_area">
<video class="video-welcome" playsinline="playsinline" autoplay="autoplay" muted="" loop="">
<source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Welcome.mov" type="video/quicktime" />
<source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Welcome.webm" type="video/webm" />
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
</video>
</div>
<div class="image_area">
<video class="video-goodbye" playsinline="playsinline" autoplay="autoplay" muted="" loop="">
<source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Goodbye.mov" type="video/quicktime" />
<source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Goodbye.webm" type="video/webm" />
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
</video>
</div>
<div class="text_area">
<h4>Welcome &amp; Goodbye Video</h4>
<p>디즈니 미키와 친구들 컨셉의 모션 그래픽 Video가 차량 Sleep 모드 동작 이후 차량을 켤 때, 끌 때 적용 됩니다.</p>
</div>
</div>
<div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme_mickey/img_Cluster.png" class="themeImg box1-cluster" alt="Cluster" />
</div>
<div class="text_area">
<h4>Cluster</h4>
<p>선택한 디즈니 테마가 클러스터 화면에 적용됩니다. 디즈니만의 사랑스럽고 유쾌한 그래픽과 게이지 디자인을 확인해 보세요.&nbsp;</p>
<p><span class="add">※ 차종에 따라 클러스터 화면 디자인이 상기 이미지와 다를 수 있습니다.</span></p>
</div>
</div>
<div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme_mickey/img_Map.png" class="themeImg box1-navigation" alt="Navigation" />
</div>
<div class="text_area">
<h4>Navigation</h4>
<p>목적지까지의 길 안내 기능을 이용할 때마다 디즈니의 특별한 아트워크가 현재 위치를 표시해줍니다.</p>
</div>
</div>
<div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme_mickey/img_Home.png" class="themeImg box1-homecard" alt="Homecard" />
</div>
<div class="text_area">
<h4>Homecard</h4>
<p>각 메뉴 화면을 넘길 때마다 디즈니 캐릭터와 로고, 다양한 일러스트가 나타납니다.</p>
</div>
</div>
<div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme_mickey/img_Profile.png" class="themeImg box1-profile" alt="Profile" />
</div>
<div class="text_area">
<h4>Profile</h4>
<p>디즈니 캐릭터와 로고를 활용하여 디자인된 다양한 프로필 이미지를 선택할 수 있습니다. 운전자마다 다른 이미지를 설정해 보세요.</p>
</div>
</div>
</div>
</div>
<div class="three-reasons">
<div class="tit-area">
<div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<p>디즈니 테마를 놓쳐서는 안 될</p>
<h3>세 가지 이유</h3>
</div>
</div>
<div class="reasons">
<div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<ol>
<li>
<p>
<strong>익숙한 공간에 스며드는 특별함</strong>
디즈니 테마와 함께,<br class="br-m" />
매 순간 드라이브의 즐거움을 느껴보세요.
</p>
<div class="img-area">
<img src="../assets/images/kia/pdp/display_theme_mickey/img_reasons1.png" class="web" alt="" />
<img src="../assets/images/kia/pdp/display_theme_mickey/img_reasons1_m.png" class="mobile" alt="" />
</div>
</li>
<li>
<p>
<strong>취향은 달라도, 즐거움은 함께</strong>
디즈니 겨울왕국, 미키와 친구들 등<br class="br-m" />
디즈니를 사랑하는 팬이라면<br />
더 많은 캐릭터들의 등장을 놓치지 마세요.
<span class="add">※ 출시 예정 테마는 변경될 수 있습니다.</span>
</p>
<div class="img-area">
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons2.png" class="web" alt="" />
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons2_m.png" class="mobile" alt="" />
</div>
<!-- <div class="img-area">
<span class="img-msg">
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reason_mickey.png" alt="" />
<span class="msg"
>Our Themes<br />
Are Expanding</span
>
</span>
</div> -->
</li>
<li>
<p>
<strong>드라이브가 새로워지는 순간</strong>
기아 오너를 위한 디즈니 디스플레이 테마.<br />
지금 바로, 특별한 드라이빙을 시작해보세요.
</p>
<div class="img-area">
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons3.png" class="web" alt="" />
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons3_m.png" class="mobile" alt="" />
</div>
</li>
</ol>
<div class="copyright">ⓒ Disney</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>