190 lines
8.5 KiB
PHP
190 lines
8.5 KiB
PHP
<?php $bland_code = "kia"; ?>
|
|
<!--
|
|
//메타의 각 브랜드 별 코드는 hyundai,genesis 입니다.
|
|
//브랜드 별 경로에 따라 해당 코드를 변경해주세요.
|
|
-->
|
|
<?php $gnbStyleCode = "hBoder"; ?>
|
|
<!--
|
|
페이지 별 붙박이 코드입니다. 해당 변수는 JSP로만 변경해주시고, 값은 그대로 유지만 시켜주시면 됩니다.
|
|
-->
|
|
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>제품상세명 > 제품리스트 > 회사명</title>
|
|
<!--
|
|
//위에 순서대로 title 이 변경되어야 합니다.
|
|
-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php");
|
|
?>
|
|
<!--상품상세 페이지 css 분리-->
|
|
<link rel="stylesheet" charset="UTF-8" href="/kr/assets/css/order.css?v1" type="text/css" />
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/style.php");
|
|
?>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<!--//header-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/header.php");
|
|
?>
|
|
<!--//header-->
|
|
|
|
<!--//content-warp-->
|
|
<!--footer에 margin 이 없는 class 가 있습니다. -->
|
|
<div class="contentWarp carsw">
|
|
<div class="cartView carsFull">
|
|
<div class="pageTitle">
|
|
<h1>체험 신청 완료</h1>
|
|
</div>
|
|
<div class="installGuide">
|
|
<div>
|
|
<p><strong>홍길동님의 주문과 결제가 완료되었습니다.</strong></p>
|
|
<p><span>차량 설치를 위하여, 설치 가이드를 확인해주세요.</span></p>
|
|
</div>
|
|
<div>
|
|
<div class="oneButton">
|
|
<a href=""><p>설치가이드</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="completeForm">
|
|
<div>
|
|
<dl>
|
|
<dt>주문번호</dt>
|
|
<dd>F2208261439aZ09-O</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>주문자 명</dt>
|
|
<dd>홍길동</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>대상 차종</dt>
|
|
<dd>MV1 | 123가 1234</dd>
|
|
</dl>
|
|
<dl class="innerList">
|
|
<dt>신청 사양</dt>
|
|
<dd class="completeItemList">
|
|
<ul>
|
|
<li>
|
|
<div class="imgItem">
|
|
<div><img src="/kr/assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명"></div>
|
|
<dl>
|
|
<dd>
|
|
<span>체험 이용권(자동 구독 전환)</span>
|
|
</dd>
|
|
<dt>원격 스마트 주차 보조 2 (RSPA 2)</dt>
|
|
<dd>옵션: RSPA 2</dd>
|
|
</dl>
|
|
</div>
|
|
<div class="cachItem">
|
|
<dl>
|
|
<dt>결제금액</dt>
|
|
<!-- <dd>\ 500</dd> -->
|
|
<dd>무료</dd>
|
|
</dl>
|
|
<div>
|
|
<div class="oneButton">
|
|
<a href=""><p>상품 이용안내</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>체험 기간</dt>
|
|
<dd>2023.08.30 까지</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>총 결제 금액</dt>
|
|
<!-- <dd>\ 500</dd> -->
|
|
<dd>무료</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>결제 카드</dt>
|
|
<dd>HYUNDAI BLUE</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>승인 시각</dt>
|
|
<dd>2022-08-30 10:11:12</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>할부 개월</dt>
|
|
<dd>3개월</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<div class="carswBtn">
|
|
<div class="towButton">
|
|
<button class="cartBtn leftBtn"><p>마이페이지</p></button>
|
|
<button class="PurchaseBtn rightBtn"><p>쇼핑계속</p></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!--//content-warp-->
|
|
|
|
<!-- [S] -->
|
|
<div id="install_info" class="installInfoPopup" style="display:none; opacity:0;">
|
|
<div class="popInner">
|
|
<div class="content">
|
|
<p>
|
|
<strong>
|
|
<img src="/kr/assets/images/common/icon-caution.svg" alt="주의">
|
|
사양 이용을 위해 차량 시동 및 인포테인먼트 화면 내 조작이 필요합니다.
|
|
</strong>
|
|
</p>
|
|
<div class="swiper swiper1">
|
|
<ul class="swiper-wrapper">
|
|
<li class="swiper-slide">
|
|
<img src="/kr/assets/images/common/intall-guide-img01.png" alt="차량에 탑승해서 시동을 겁니다.">
|
|
<p class="caseBlack">차량에 탑승해서 시동을 겁니다.</p>
|
|
</li>
|
|
<li class="swiper-slide">
|
|
<img src="/kr/assets/images/common/intall-guide-img02.png" alt="인포테인먼트 화면 상의 설치 안내 메시지에 따라 시동을 끄고 설치를 진행합니다.">
|
|
<p class="caseBlack">인포테인먼트 화면 상의 설치 안내 메시지에 따라 시동을 끄고 설치를 진행합니다.</p>
|
|
</li>
|
|
<li class="swiper-slide">
|
|
<img src="/kr/assets/images/common/intall-guide-img03.png" alt="다시 시동을 걸면 설치완료 메시지와 유저 가이드 QR코드를 확인하실 수 있습니다.">
|
|
<p class="caseBlack">다시 시동을 걸면 설치완료 메시지와 유저 가이드 QR코드를 확인하실 수 있습니다.</p>
|
|
</li>
|
|
</ul>
|
|
<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="carswBtn">
|
|
<div class="oneButton">
|
|
<a href="javascript:;" class="PurchaseBtn" onClick="javascript:close_layer_popup('install_info');"><p>확인</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var swiper1 = new Swiper(".swiper1", {
|
|
slidesPerView: "auto",
|
|
//freeMode: true,
|
|
scrollbar: {
|
|
el: ".swiper-scrollbar",
|
|
hide: true,
|
|
},
|
|
});
|
|
setTimeout(open_layer_popup, 1000, 'install_info');
|
|
</script>
|
|
<!-- [E] -->
|
|
|
|
<!--//footer-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/footer.php");
|
|
?>
|
|
<!--//footer-->
|
|
</body>
|
|
</html>
|