디플 이미지 수정
스트리미ㅇ 프리미어ㅁ 수저
BIN
assets/images/kia/pdp/display_theme/.DS_Store
vendored
Normal file
|
Before Width: | Height: | Size: 326 KiB After Width: | Height: | Size: 298 KiB |
|
Before Width: | Height: | Size: 594 KiB After Width: | Height: | Size: 598 KiB |
|
Before Width: | Height: | Size: 371 KiB After Width: | Height: | Size: 371 KiB |
|
Before Width: | Height: | Size: 612 KiB After Width: | Height: | Size: 617 KiB |
|
Before Width: | Height: | Size: 365 KiB After Width: | Height: | Size: 338 KiB |
|
Before Width: | Height: | Size: 589 KiB After Width: | Height: | Size: 598 KiB |
|
Before Width: | Height: | Size: 402 KiB After Width: | Height: | Size: 398 KiB |
|
Before Width: | Height: | Size: 680 KiB After Width: | Height: | Size: 685 KiB |
|
Before Width: | Height: | Size: 412 KiB After Width: | Height: | Size: 385 KiB |
|
Before Width: | Height: | Size: 709 KiB After Width: | Height: | Size: 712 KiB |
|
Before Width: | Height: | Size: 380 KiB After Width: | Height: | Size: 390 KiB |
|
Before Width: | Height: | Size: 671 KiB After Width: | Height: | Size: 678 KiB |
|
Before Width: | Height: | Size: 415 KiB After Width: | Height: | Size: 411 KiB |
|
Before Width: | Height: | Size: 679 KiB After Width: | Height: | Size: 684 KiB |
|
Before Width: | Height: | Size: 372 KiB After Width: | Height: | Size: 344 KiB |
|
Before Width: | Height: | Size: 618 KiB After Width: | Height: | Size: 624 KiB |
|
Before Width: | Height: | Size: 386 KiB After Width: | Height: | Size: 383 KiB |
|
Before Width: | Height: | Size: 606 KiB After Width: | Height: | Size: 610 KiB |
|
Before Width: | Height: | Size: 406 KiB After Width: | Height: | Size: 404 KiB |
|
Before Width: | Height: | Size: 691 KiB After Width: | Height: | Size: 696 KiB |
|
Before Width: | Height: | Size: 407 KiB After Width: | Height: | Size: 401 KiB |
|
Before Width: | Height: | Size: 698 KiB After Width: | Height: | Size: 704 KiB |
|
Before Width: | Height: | Size: 338 KiB After Width: | Height: | Size: 330 KiB |
|
Before Width: | Height: | Size: 582 KiB After Width: | Height: | Size: 585 KiB |
|
Before Width: | Height: | Size: 362 KiB After Width: | Height: | Size: 371 KiB |
|
Before Width: | Height: | Size: 589 KiB After Width: | Height: | Size: 608 KiB |
|
Before Width: | Height: | Size: 421 KiB After Width: | Height: | Size: 419 KiB |
|
Before Width: | Height: | Size: 721 KiB After Width: | Height: | Size: 726 KiB |
|
Before Width: | Height: | Size: 408 KiB After Width: | Height: | Size: 410 KiB |
|
Before Width: | Height: | Size: 682 KiB After Width: | Height: | Size: 687 KiB |
|
Before Width: | Height: | Size: 385 KiB After Width: | Height: | Size: 381 KiB |
|
Before Width: | Height: | Size: 626 KiB After Width: | Height: | Size: 631 KiB |
|
Before Width: | Height: | Size: 386 KiB After Width: | Height: | Size: 379 KiB |
|
Before Width: | Height: | Size: 614 KiB After Width: | Height: | Size: 622 KiB |
|
Before Width: | Height: | Size: 300 KiB After Width: | Height: | Size: 272 KiB |
|
Before Width: | Height: | Size: 595 KiB After Width: | Height: | Size: 604 KiB |
|
Before Width: | Height: | Size: 384 KiB After Width: | Height: | Size: 384 KiB |
|
Before Width: | Height: | Size: 625 KiB After Width: | Height: | Size: 634 KiB |
|
Before Width: | Height: | Size: 359 KiB After Width: | Height: | Size: 331 KiB |
|
Before Width: | Height: | Size: 567 KiB After Width: | Height: | Size: 581 KiB |
|
Before Width: | Height: | Size: 314 KiB After Width: | Height: | Size: 303 KiB |
|
Before Width: | Height: | Size: 474 KiB After Width: | Height: | Size: 476 KiB |
|
Before Width: | Height: | Size: 370 KiB After Width: | Height: | Size: 342 KiB |
|
Before Width: | Height: | Size: 582 KiB After Width: | Height: | Size: 590 KiB |
|
Before Width: | Height: | Size: 376 KiB After Width: | Height: | Size: 347 KiB |
|
Before Width: | Height: | Size: 619 KiB After Width: | Height: | Size: 624 KiB |
|
Before Width: | Height: | Size: 412 KiB After Width: | Height: | Size: 409 KiB |
|
Before Width: | Height: | Size: 706 KiB After Width: | Height: | Size: 710 KiB |
|
Before Width: | Height: | Size: 391 KiB After Width: | Height: | Size: 382 KiB |
|
Before Width: | Height: | Size: 666 KiB After Width: | Height: | Size: 671 KiB |
|
Before Width: | Height: | Size: 322 KiB After Width: | Height: | Size: 317 KiB |
|
Before Width: | Height: | Size: 547 KiB After Width: | Height: | Size: 550 KiB |
|
Before Width: | Height: | Size: 291 KiB After Width: | Height: | Size: 263 KiB |
|
Before Width: | Height: | Size: 487 KiB After Width: | Height: | Size: 489 KiB |
|
Before Width: | Height: | Size: 372 KiB After Width: | Height: | Size: 374 KiB |
|
Before Width: | Height: | Size: 607 KiB After Width: | Height: | Size: 612 KiB |
|
Before Width: | Height: | Size: 393 KiB After Width: | Height: | Size: 390 KiB |
|
Before Width: | Height: | Size: 660 KiB After Width: | Height: | Size: 666 KiB |
|
Before Width: | Height: | Size: 411 KiB After Width: | Height: | Size: 407 KiB |
|
Before Width: | Height: | Size: 705 KiB After Width: | Height: | Size: 710 KiB |
BIN
assets/images/kia/pdp/in_car_game/.DS_Store
vendored
Normal file
BIN
assets/images/kia/pdp/streaming_premium/info.png
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
assets/images/kia/pdp/streaming_premium/streaming_premium1.png
Normal file
|
After Width: | Height: | Size: 448 KiB |
|
After Width: | Height: | Size: 315 KiB |
|
Before Width: | Height: | Size: 339 KiB After Width: | Height: | Size: 474 KiB |
|
After Width: | Height: | Size: 355 KiB |
|
Before Width: | Height: | Size: 517 KiB After Width: | Height: | Size: 422 KiB |
|
After Width: | Height: | Size: 259 KiB |
|
Before Width: | Height: | Size: 370 KiB After Width: | Height: | Size: 329 KiB |
|
Before Width: | Height: | Size: 681 KiB After Width: | Height: | Size: 669 KiB |
@@ -34,13 +34,13 @@
|
|||||||
<script type="text/javascript" charset="UTF-8" src="../assets/js/common.js?v1.1"></script>
|
<script type="text/javascript" charset="UTF-8" src="../assets/js/common.js?v1.1"></script>
|
||||||
<!--상품상세 페이지 css 분리-->
|
<!--상품상세 페이지 css 분리-->
|
||||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/product.css?v1.2" type="text/css" />
|
<link rel="stylesheet" charset="UTF-8" href="../assets/css/product.css?v1.2" type="text/css" />
|
||||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/pdp_detail.css?v4" type="text/css" />
|
<link rel="stylesheet" charset="UTF-8" href="../assets/css/pdp_detail.css?v5" type="text/css" />
|
||||||
<link rel="shortcut icon" href="../assets/images/kia/home_icon.png" />
|
<link rel="shortcut icon" href="../assets/images/kia/home_icon.png" />
|
||||||
<link rel="apple-touch-icon-precomposed" href="../assets/images/kia/home_icon.png" />
|
<link rel="apple-touch-icon-precomposed" href="../assets/images/kia/home_icon.png" />
|
||||||
<link rel="shortcut icon" href="../assets/images/kia/favicon-16x16.png">
|
<link rel="shortcut icon" href="../assets/images/kia/favicon-16x16.png">
|
||||||
<link rel="icon" href="../assets/images/kia/favicon-16x16.png">
|
<link rel="icon" href="../assets/images/kia/favicon-16x16.png">
|
||||||
<link rel="stylesheet" href="../assets/css/kia/kia-font.css?v1" type="text/css" />
|
<link rel="stylesheet" href="../assets/css/kia/kia-font.css?v1" type="text/css" />
|
||||||
<link rel="stylesheet" href="../assets/css/kia/kia.css?v1" type="text/css" />
|
<link rel="stylesheet" href="https://connectstore.kia.com/kr/assets/css/kia/kia.css?v1" type="text/css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
@@ -263,8 +263,8 @@
|
|||||||
<div class="productImg">
|
<div class="productImg">
|
||||||
<div class="swiper productSwiper">
|
<div class="swiper productSwiper">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<div class="swiper-slide"><img src="../assets/images/kia/pdp/in_car_game/incar_game1.png" alt="이미지 상품명"></div>
|
<div class="swiper-slide"><img src="../assets/images/kia/pdp/streaming_premium/streaming_premium1.png" alt="이미지 상품명"></div>
|
||||||
<div class="swiper-slide"><img src="../assets/images/kia/pdp/in_car_game/incar_game1.png" alt="이미지 상품명"></div>
|
<div class="swiper-slide"><img src="../assets/images/kia/pdp/streaming_premium/streaming_premium1.png" alt="이미지 상품명"></div>
|
||||||
<div class="swiper-slide withVideo">
|
<div class="swiper-slide withVideo">
|
||||||
<p class="productSmallVideo">
|
<p class="productSmallVideo">
|
||||||
<video loop muted playsinline preload="auto" poster="/kr/assets/images/kia/product-img/producy-temp3.png">
|
<video loop muted playsinline preload="auto" poster="/kr/assets/images/kia/product-img/producy-temp3.png">
|
||||||
@@ -283,46 +283,43 @@
|
|||||||
<div class="optionWarp">
|
<div class="optionWarp">
|
||||||
<div class="producTitle">
|
<div class="producTitle">
|
||||||
<!-- <span>차량SW</span> -->
|
<!-- <span>차량SW</span> -->
|
||||||
<h1>기아 캐주얼 게임</h1>
|
<h1>Streaming Premium</h1>
|
||||||
<p>차안에서 게임을 즐기며 시간을 보내보세요.</p>
|
<p>차량에서도 즐길 수 있는 게임</p>
|
||||||
|
</div>
|
||||||
|
<div class="producInfoWarp">
|
||||||
|
<div class="producOption">
|
||||||
|
<h2>요금제</h2>
|
||||||
|
<div class="optionList">
|
||||||
|
<div class="checkBtn type2">
|
||||||
|
<input type="checkbox" name="check" id="check1" value="Atlanta Hawks" checked >
|
||||||
|
<label for="check1">
|
||||||
|
<div class="optionText">
|
||||||
|
<p>
|
||||||
|
<strong>
|
||||||
|
스마트 TV 솔루션즈 플러스
|
||||||
|
|
||||||
|
<span>차량에서 스마트 TV 서비스를 이용 가능합니다.</span>
|
||||||
|
|
||||||
|
</strong>
|
||||||
|
<span>단, 비디오 스트리밍의 경우 지원 차량이 제한되오니 하단의
|
||||||
|
상세 정보를 확인바랍니다.</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="producInfoLogOut">
|
||||||
|
<p>본 요금제는 스트리밍 서비스 이용 시 사용하는 이용권이며, 서비스 이용을 위한 콘텐츠 플랫폼사 이용권은 별도로 구매 후 연동하셔야 합니다.</p>
|
||||||
|
<span>(단, 구독 중인 콘텐츠 플랫폼의 이용권이 모바일 기기만 지원 할 경우, 차량 내 스트리밍 서비스를 이용하실 수 없습니다) </span>
|
||||||
|
</div>
|
||||||
|
<!-- [E] 로그아웃 케이스 -->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="priceOption">
|
|
||||||
<h2>원하시는 결제 옵션을 선택해주세요</h2>
|
|
||||||
<div class="priceList">
|
|
||||||
<div class="radioBtn">
|
|
||||||
<input type="radio" name="radioBtn" id="radioOne" value="평생이용권 150000">
|
|
||||||
<label for="radioOne">
|
|
||||||
<span>평생 이용권</span>
|
|
||||||
<strong>₩ 150,000</strong>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- <div class="radioBtn">
|
|
||||||
<input type="radio" name="radioBtn" id="radioTwo" value="일반 정기 구독 150000">
|
|
||||||
<label for="radioTwo">
|
|
||||||
<span>일반 정기 구독</span>
|
|
||||||
<strong>₩ 12,000/월</strong>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="radioBtn disabledBtn">
|
|
||||||
<input type="radio" name="radioBtn" id="radioThree" value="1개월 무료 정기구독 150000" disabled>
|
|
||||||
<label for="radioThree">
|
|
||||||
<span>1개월 무료 정기 구독</span>
|
|
||||||
<strong>₩ 12,000/월</strong>
|
|
||||||
</label>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="priceTotal">
|
<div class="priceTotal">
|
||||||
<dl class="total">
|
<div class="oneButtonBlack">
|
||||||
<dt>총 결제 금액</dt>
|
<a href="" class="requireLogin"><p>요금제 가입하기</p></a>
|
||||||
<dd>\ 150,000</dd>
|
|
||||||
</dl>
|
|
||||||
<div class="paymentButton towButton">
|
|
||||||
<button class="cartBtn leftBtn"><p>장바구니</p></button>
|
|
||||||
<button class="PurchaseBtn rightBtn"><p>구매하기</p></button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -361,7 +358,7 @@
|
|||||||
<div class="comp_body">
|
<div class="comp_body">
|
||||||
<div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-offset="9999" data-aos-duration="200">
|
<div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-offset="9999" data-aos-duration="200">
|
||||||
<div class="image_area">
|
<div class="image_area">
|
||||||
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img1.png" class="themeImg" alt="비디오 스트리밍">
|
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img1.png?ver=1" class="themeImg" alt="비디오 스트리밍">
|
||||||
</div>
|
</div>
|
||||||
<div class="text_area">
|
<div class="text_area">
|
||||||
<h5>비디오 스트리밍</h5>
|
<h5>비디오 스트리밍</h5>
|
||||||
@@ -372,7 +369,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="item aos-init aos-animate mt-12" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="200">
|
<div class="item aos-init aos-animate mt-12" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="200">
|
||||||
<div class="image_area">
|
<div class="image_area">
|
||||||
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img2.png" class="themeImg" alt="엔터테인먼트">
|
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img2.png?ver=1" class="themeImg" alt="엔터테인먼트">
|
||||||
</div>
|
</div>
|
||||||
<div class="text_area">
|
<div class="text_area">
|
||||||
<h5>라이브 채널</h5>
|
<h5>라이브 채널</h5>
|
||||||
@@ -383,7 +380,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="item aos-init aos-animate mt-12" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="200">
|
<div class="item aos-init aos-animate mt-12" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="200">
|
||||||
<div class="image_area">
|
<div class="image_area">
|
||||||
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img3.png" class="themeImg" alt="Profile">
|
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img3.png?ver=1" class="themeImg" alt="Profile">
|
||||||
</div>
|
</div>
|
||||||
<div class="text_area">
|
<div class="text_area">
|
||||||
<h5>엔터테인먼트</h5>
|
<h5>엔터테인먼트</h5>
|
||||||
@@ -395,43 +392,43 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="comp_wide comp_1x_b_h_s_e1">
|
<div class="comp_wide comp_2x_b_h_s_e2">
|
||||||
<div class="comp_body">
|
<div class="comp_body">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<div class="image_area">
|
<div class="image_area">
|
||||||
<img src="../assets/images/kia/pdp/streaming_premium/lighting_pattern_contents_04.png" alt="아이콘 이미지">
|
<img src="../assets/images/kia/pdp/lighting_pattern/lighting_pattern_contents_04.png" alt="아이콘 이미지">
|
||||||
</div>
|
</div>
|
||||||
<div class="text_area">
|
<div class="text_area">
|
||||||
<h5>
|
<h5>
|
||||||
디지털 패턴 라이팅 그릴 적용 한해서 구매가능
|
기아 커넥트 가입 고객 구매 가능
|
||||||
</h5>
|
</h5>
|
||||||
<p>
|
<p>
|
||||||
해당 사양은 디지털 패턴 라이팅 그릴이 적용된 차량에 한해서 구매할 수 있습니다. 참고하시길 바랍니다.
|
기아 커넥트 서비스 가입 상태인 고객에 한하여 가입 및 플레이 가능하오니 구매에 참고 바랍니다.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<div class="image_area">
|
<div class="image_area">
|
||||||
<img src="../assets/images/kia/pdp/streaming_premium/lighting_pattern_contents_05.png" alt="아이콘 이미지">
|
<img src="../assets/images/kia/pdp/lighting_pattern/lighting_pattern_contents_05.png" alt="아이콘 이미지">
|
||||||
</div>
|
</div>
|
||||||
<div class="text_area">
|
<div class="text_area">
|
||||||
<h5>
|
<h5>
|
||||||
고객 맞춤형 설정 기능
|
CCNC 차량에 한하여 구매 가능
|
||||||
</h5>
|
</h5>
|
||||||
<p>
|
<p>
|
||||||
고객 취향과 선호도에 따라 앱 또는 차량 내에서 패턴 설정을 커스터마이징할 수 있습니다.
|
해당 아이템은 12.5인치 CCNC 플랫폼 적용 차량에 한하여 구입 가능합니다.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="comp_1x_b_n_n_e1 inCarGame">
|
<div class="comp_1x_b_n_n_e1 displayTheme">
|
||||||
<div class="comp_body">
|
<div class="comp_body">
|
||||||
<h5>
|
<h5>
|
||||||
사양 이용 영상
|
사양 이용 영상
|
||||||
</h5>
|
</h5>
|
||||||
<div class="youtubeArea youtubeArea_pdp" value="i76z7IQ2Mhk">
|
<div class="youtubeArea youtubeArea_pdp" value="AJWgnJIOyRU">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -709,6 +706,12 @@
|
|||||||
<!--//footer-->
|
<!--//footer-->
|
||||||
<script>
|
<script>
|
||||||
AOS.init();
|
AOS.init();
|
||||||
|
|
||||||
|
if($(".youtubeArea").hasClass("youtubeArea_pdp") === true) {
|
||||||
|
var youtube_id = $('.youtubeArea_pdp').attr('value');
|
||||||
|
var youtube_frame = '<iframe src="https://www.youtube.com/embed/'+youtube_id+'?controls=1&rel=0&showsearch=0" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';
|
||||||
|
$('.youtubeArea_pdp').html(youtube_frame);
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||