feat:최초 업로드
This commit is contained in:
233
order/order-carsw-complete.php
Normal file
233
order/order-carsw-complete.php
Normal file
@@ -0,0 +1,233 @@
|
||||
<?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>홍길동</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>Kia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LED</dt>
|
||||
<!-- 패키지 상품의 경우 옵션 대신 구성상품 목록이 표출되는 방식으로 디자인팀 결정되었습니다. -->
|
||||
<dd>구성 상품: LED A-Type, LED B-Type, LED C-Type, LED D-type</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="cachItem">
|
||||
<dl>
|
||||
<dt>일반정기구독</dt>
|
||||
<dd>\150,000</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>결제금액</dt>
|
||||
<dd>\150,000</dd>
|
||||
</dl>
|
||||
<div>
|
||||
<div class="oneButton">
|
||||
<a href=""><p>상품 이용안내</p></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!--반복-->
|
||||
<li>
|
||||
<div class="imgItem">
|
||||
<div><img src="/kr/assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명"></div>
|
||||
<dl>
|
||||
<dd>
|
||||
<span>3년 이용권</span>
|
||||
</dd>
|
||||
<dt>Kia Dynamic LED</dt>
|
||||
<dd>옵션: LED A-Type</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="cachItem">
|
||||
<dl>
|
||||
<dt>결제금액</dt>
|
||||
<dd>\150,000</dd>
|
||||
</dl>
|
||||
<div>
|
||||
<div class="oneButton">
|
||||
<a href=""><p>상품 이용안내</p></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>상품 금액</dt>
|
||||
<dd>\ 500,000</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>쿠폰 할인</dt>
|
||||
<dd>\ -50,000</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>포인트 할인</dt>
|
||||
<dd>\ -10,000</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>총 결제 금액</dt>
|
||||
<dd>\ 440,000</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>
|
||||
<dl>
|
||||
<dt>매월 결제일</dt>
|
||||
<dd>29일</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="주의">
|
||||
상품 이용을 위해 차량 시동 및 AVNT 조작이 필요합니다.
|
||||
</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>
|
||||
Reference in New Issue
Block a user