스토어이용안애 추가

This commit is contained in:
hyeonggil
2024-07-08 18:13:39 +09:00
parent 0af71bc56d
commit cab1fd6ce7
12 changed files with 53 additions and 82 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

View File

@@ -391,8 +391,8 @@
<div class="swiper-scrollbar"></div>
<div class="swiper-scrollbar-after-space" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"></div>
</div>
<div class="swiper-button-next btnNextSlide1 case"></div>
<div class="swiper-button-prev btnPrevSlide1 case"></div>
<div class="swiper-button-next btnNextSlide2 case"></div>
<div class="swiper-button-prev btnPrevSlide2 case"></div>
</section>
<section class="storeGuideItem" style="display: none;">
<header class="mgt30">
@@ -411,8 +411,8 @@
<div class="swiper-scrollbar"></div>
<div class="swiper-scrollbar-after-space" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"></div>
</div>
<div class="swiper-button-next btnNextSlide1 case"></div>
<div class="swiper-button-prev btnPrevSlide1 case"></div>
<div class="swiper-button-next btnNextSlide3 case"></div>
<div class="swiper-button-prev btnPrevSlide3 case"></div>
</section>
<section class="caseService">
@@ -577,8 +577,8 @@
hide: true,
},
navigation: {
nextEl: ".btnNextSlide1",
prevEl: ".btnPrevSlide1",
nextEl: ".btnNextSlide2",
prevEl: ".btnPrevSlide2",
},
});
var swiper3 = new Swiper(".swiper3", {
@@ -589,8 +589,8 @@
hide: true,
},
navigation: {
nextEl: ".btnNextSlide1",
prevEl: ".btnPrevSlide1",
nextEl: ".btnNextSlide3",
prevEl: ".btnPrevSlide3",
},
});
</script>

View File

@@ -352,7 +352,7 @@
<strong>8 STEP</strong>
</header>
<div class="swiper swiper1">
<div class="swiper swiper2">
<ul class="swiper-wrapper caseWide">
<li class="swiper-slide">
<img class="noBorder" src="../assets/images/kia/contents/nba01_1.jpg" alt="인포테인먼트 화면에서 설정 메뉴에 진입">
@@ -398,8 +398,8 @@
<div class="swiper-scrollbar"></div>
<div class="swiper-scrollbar-after-space"></div>
</div>
<div class="swiper-button-next btnNextSlide1"></div>
<div class="swiper-button-prev btnPrevSlide1"></div>
<div class="swiper-button-next btnNextSlide2"></div>
<div class="swiper-button-prev btnPrevSlide2"></div>
</section>
</section>
</section>

View File

@@ -153,7 +153,7 @@
<strong>8 STEP</strong>
</header>
<div class="swiper swiper1">
<div class="swiper swiper2">
<ul class="swiper-wrapper caseWide">
<li class="swiper-slide">
<img class="noBorder" src="/kr/assets/images/kia/contents/nba01_1.jpg" alt="인포테인먼트 화면에서 설정 메뉴에 진입">
@@ -199,8 +199,8 @@
<div class="swiper-scrollbar"></div>
<div class="swiper-scrollbar-after-space"></div>
</div>
<div class="swiper-button-next btnNextSlide1"></div>
<div class="swiper-button-prev btnPrevSlide1"></div>
<div class="swiper-button-next btnNextSlide2"></div>
<div class="swiper-button-prev btnPrevSlide2"></div>
</section>
</section>
</section>

View File

@@ -343,8 +343,8 @@
<div class="swiper-scrollbar"></div>
<div class="swiper-scrollbar-after-space" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"></div>
</div>
<div class="swiper-button-next btnNextSlide4"></div>
<div class="swiper-button-prev btnPrevSlide4"></div>
<div class="swiper-button-next btnNextSlide2"></div>
<div class="swiper-button-prev btnPrevSlide2"></div>
</section>
<section class="storeGuideItem">
@@ -371,8 +371,8 @@
<div class="swiper-scrollbar"></div>
<div class="swiper-scrollbar-after-space" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"></div>
</div>
<div class="swiper-button-next btnNextSlide4"></div>
<div class="swiper-button-prev btnPrevSlide4"></div>
<div class="swiper-button-next btnNextSlide3"></div>
<div class="swiper-button-prev btnPrevSlide3"></div>
</section>
</section>
</section>

View File

@@ -343,10 +343,6 @@
</div>
<div class="swiper-button-next btnNextSlide2"></div>
<div class="swiper-button-prev btnPrevSlide2"></div>
<div class="swiper-button-next btnNextSlide2"></div>
<div class="swiper-button-prev btnPrevSlide2"></div>
</section>
</section>

View File

@@ -344,7 +344,7 @@
<strong>3 STEP</strong>
</header>
<div class="swiper swiper1">
<div class="swiper swiper2">
<ul class="swiper-wrapper caseWide">
<li class="swiper-slide">
<img class="noBorder" src="../assets/images/kia/contents/sprem01_2.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
@@ -372,8 +372,8 @@
<div class="swiper-scrollbar"></div>
<div class="swiper-scrollbar-after-space"></div>
</div>
<div class="swiper-button-next btnNextSlide1"></div>
<div class="swiper-button-prev btnPrevSlide1"></div>
<div class="swiper-button-next btnNextSlide2"></div>
<div class="swiper-button-prev btnPrevSlide2"></div>
</section>
</section>
@@ -385,10 +385,10 @@
<!-- <strong>2 STEP</strong> -->
</header>
<div class="swiper swiper2">
<div class="swiper swiper3">
<ul class="swiper-wrapper caseWide">
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<img src="../assets/images/kia/contents/sprem01_1.jpg" alt="스마트 회생 시스템 기능 설정을 위해 인포테인먼트 시스템 홈 화면의 EV 항목을 선택">
<img src="../assets/images/kia/contents/sprem02_1.jpg" alt="스마트 회생 시스템 기능 설정을 위해 인포테인먼트 시스템 홈 화면의 EV 항목을 선택">
<b>STEP 01</b>
<p class="caseBlack txtCase01">
기존 스트리밍 플러스 이용 방안과 동일합니다.<br><br>
@@ -399,8 +399,8 @@
<div class="swiper-scrollbar"></div>
<div class="swiper-scrollbar-after-space" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"></div>
</div>
<div class="swiper-button-next btnNextSlide4"></div>
<div class="swiper-button-prev btnPrevSlide4"></div>
<div class="swiper-button-next btnNextSlide3"></div>
<div class="swiper-button-prev btnPrevSlide3"></div>
</section>
</section>
</section>

View File

@@ -399,24 +399,8 @@
<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>
<span>평생 이용</span>
<strong>29,900</strong>
</label>
</div>
</div>
@@ -424,12 +408,13 @@
<div class="priceTotal">
<dl class="total">
<dt>총 결제 금액</dt>
<dd>\ 150,000</dd>
<dd>₩ 29,900</dd>
</dl>
<div class="paymentButton towButton">
<button class="cartBtn leftBtn"><p>장바구니</p></button>
<button class="PurchaseBtn rightBtn"><p>구매하기</p></button>
<div class="paymentButton oneButton">
<!-- <button class="cartBtn leftBtn"><p>장바구니</p></button> -->
<button class="PurchaseBtn leftBtn"><p>바로구매</p></button>
</div>
</div>
</div>
</div>

View File

@@ -247,8 +247,8 @@
</div>
<div class="stickyRight">
<dl>
<dt>평생 이용</dt>
<dd>₩ 0</dd>
<dt>평생 이용</dt>
<dd>6,900</dd>
</dl>
</div>
</div>
@@ -293,8 +293,8 @@
<div class="radioBtn">
<input type="radio" name="radioBtn" id="radioOne" value="평생이용권 150000">
<label for="radioOne">
<span>평생 이용</span>
<strong>₩ 0</strong>
<span>평생 이용</span>
<strong>6,900</strong>
</label>
</div>
@@ -318,11 +318,10 @@
<div class="priceTotal">
<dl class="total">
<dt>총 결제 금액</dt>
<dd>\ 150,000</dd>
<dd>₩ 6,900</dd>
</dl>
<div class="paymentButton towButton">
<button class="cartBtn leftBtn"><p>장바구니</p></button>
<button class="PurchaseBtn rightBtn"><p>구매하기</p></button>
<div class="paymentButton oneButton">
<button class="PurchaseBtn rightBtn"><p>바로구매</p></button>
</div>
</div>
</div>
@@ -538,10 +537,10 @@
</div>
<div class="text_area">
<h5>
CCNC 차량에 한하여 구매 가능
ccNC 차량에 한하여 구매 가능
</h5>
<p>
해당 아이템은 12.5인치 CCNC 플랫폼 적용 차량에 한하여 구입 가능합니다.
해당 아이템은 12.5인치 ccNC 플랫폼 적용 차량에 한하여 구입 가능합니다.
</p>
</div>
</div>
@@ -668,12 +667,8 @@
</div>
<div class="productPrice">
<dl>
<dt>평생 이용</dt>
<dd>\520,000</dd>
</dl>
<dl>
<dt>일반 정기 구독</dt>
<dd>\12,000/월</dd>
<dt>평생 이용</dt>
<dd>₩ 6,900</dd>
</dl>
</div>
</div>
@@ -694,11 +689,7 @@
<div class="productPrice">
<dl>
<dt>평생 이용권</dt>
<dd>\520,000</dd>
</dl>
<dl>
<dt>일반 정기 구독</dt>
<dd>\12,000/월</dd>
<dd>₩ 6,900</dd>
</dl>
</div>
</div>

View File

@@ -24,23 +24,23 @@
<link rel="stylesheet" charset="UTF-8" href="../assets/css/library/swiper.min.css?v1" type="text/css" />
<link rel="stylesheet" charset="UTF-8" href="../assets/css/library/aos.css?v1" type="text/css" />
<link rel="stylesheet" charset="UTF-8" href="../assets/css/basic.css?v1" type="text/css" />
<link rel="stylesheet" charset="UTF-8" href="../assets/css/common.css?v2" type="text/css" />
<link rel="stylesheet" charset="UTF-8" href="../assets/css/common.css?v1" type="text/css" />
<link rel="stylesheet" charset="UTF-8" href="../assets/css/contents.css?v1" type="text/css" />
<link rel="stylesheet" charset="UTF-8" href="../assets/css/popup.css?v1" type="text/css" />
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/jquery.js?v1"></script>
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/jquery-ui.min.js?v1"></script>
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/swiper.min.js?v1"></script>
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/aos.js?v1"></script>
<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?v55"></script>
<!--상품상세 페이지 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?v6" type="text/css" />
<link rel="stylesheet" charset="UTF-8" href="../assets/css/pdp_detail.css?v55" type="text/css" />
<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="shortcut 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="https://connectstore.kia.com/kr/assets/css/kia/kia.css?v1" type="text/css" />
<link rel="stylesheet" href="../assets/css/kia/kia.css?v1" type="text/css" />
</head>
<body>
@@ -241,14 +241,13 @@
<div class="infoStickyInner">
<div class="stickyLeft">
<p>
<strong>Kia Dynamic LED</strong>
<span>Light Type-A</span>
<strong>스마트 회생시스템 플러스</strong>
</p>
</div>
<div class="stickyRight">
<dl>
<dt>평생 이용</dt>
<dd>150,000</dd>
<dt>평생 이용</dt>
<dd>₩ 0</dd>
</dl>
</div>
</div>

View File

@@ -416,10 +416,10 @@
</div>
<div class="text_area">
<h5>
CCNC 차량에 한하여 구매 가능
ccNC 차량에 한하여 구매 가능
</h5>
<p>
해당 아이템은 12.5인치 CCNC 플랫폼 적용 차량에 한하여 구입 가능합니다.
해당 아이템은 12.5인치 ccNC 플랫폼 적용 차량에 한하여 구입 가능합니다.
</p>
</div>
</div>