Files
fod/kr/order/order-carsw.php

706 lines
36 KiB
PHP

<?php $bland_code = "kia"; ?>
<!--
//메타의 각 브랜드 별 코드는 hyundai,genesis 입니다.
//브랜드 별 경로에 따라 해당 코드를 변경해주세요.
-->
<?php $gnbStyleCode = "hBoder"; ?>
<!--
페이지 별 붙박이 코드입니다. 해당 변수는 JSP로만 변경해주시고, 값은 그대로 유지만 시켜주시면 됩니다.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>제품상세명 &gt; 제품리스트 &gt; 회사명</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 carswLeft">
<div class="pageTitle">
<h1>주문/결제</h1>
</div>
<div class="pageSubTitle">
<h2>주문 FoD 상품</h2>
</div>
<div class="productListWarp">
<div class="productLis">
<ul>
<li>
<div class="cartItemWrap">
<div class="cartItem">
<div class="cartItemInfo">
<div>
<p>
<img src="/kr/assets/images/kia/contents/header02.jpg" alt="이미지 상품명">
</p>
<dl>
<dt>Kia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LED</dt>
<dd>더 특별하게 더 반짝이게더 특별하게 더 반짝이게더 특별하게 더 반짝이게더 특별하게 더 반짝이게더 특별하게 더 반짝이게</dd>
<dd>옵션: LED A-Type</dd>
</dl>
</div>
</div>
<dl>
<dt>평생 이용권</dt>
<dd>\ 150,000</dd>
<!-- <dd class="couponBtn">
<a href="#" class="apply" onClick="javascript:open_layer_popup('coupon_popup');">
쿠폰 적용
</a>
</dd> -->
</dl>
</div>
</div>
<!-- [2차][S] 패키지 구성상품 영역 추가되었습니다. -->
<div class="componentsPayment">
<div class="componentsList">
<div class="item">
<div class="itemImg">
<img src="/kr/assets/images/kia/contents/header02.jpg" alt="세부상품 이미지">
</div>
<div class="itemTitle">
DWL
</div>
</div>
<div class="item">
<div class="itemImg">
<img src="/kr/assets/images/kia/product-img/producy-temp6.png" alt="세부상품 이미지">
</div>
<div class="itemTitle">
Kia Hyper Speed
</div>
</div>
<div class="item">
<div class="itemImg">
<img src="/kr/assets/images/kia/product-img/producy-temp6.png" alt="세부상품 이미지">
</div>
<div class="itemTitle">
Driving Pilot
</div>
</div>
<div class="item">
<div class="itemImg">
<img src="/kr/assets/images/kia/product-img/producy-temp6.png" alt="세부상품 이미지">
</div>
<div class="itemTitle">
Kia connect store Streaming
</div>
</div>
<div class="item">
<div class="itemImg">
<img src="/kr/assets/images/kia/product-img/producy-temp6.png" alt="세부상품 이미지">
</div>
<div class="itemTitle">
DWL
</div>
</div>
<div class="item">
<div class="itemImg">
<img src="/kr/assets/images/kia/product-img/producy-temp6.png" alt="세부상품 이미지">
</div>
<div class="itemTitle">
Kia connect store Streaming
</div>
</div>
<div class="item">
<div class="itemImg">
<img src="/kr/assets/images/kia/product-img/producy-temp6.png" alt="세부상품 이미지">
</div>
<div class="itemTitle">
Kia connect store Streaming
</div>
</div>
<div class="item">
<div class="itemImg">
<img src="/kr/assets/images/kia/product-img/producy-temp6.png" alt="세부상품 이미지">
</div>
<div class="itemTitle">
DWL
</div>
</div>
</div>
</div>
<!-- [2차][E] 패키지 구성상품 영역 추가되었습니다. -->
</li>
<li>
<div class="cartItemWrap">
<div class="cartItem">
<div class="cartItemInfo">
<div>
<p>
<img src="/kr/assets/images/kia/contents/header02.jpg" alt="이미지 상품명">
</p>
<dl>
<dt>Kia Dynamic </dt>
<dd>더 특별하게 더 반짝이게더</dd>
<dd>옵션: LED A-Type</dd>
</dl>
</div>
</div>
<dl>
<dt>평생 이용권</dt>
<dd>\ 150,000</dd>
<!-- <dd class="couponBtn">
<div class="info">
500,000원 할인
</div>
<a href="#" class="clear">
쿠폰 해제
</a>
</dd> -->
</dl>
</div>
</div>
</li>
<li>
<div class="cartItemWrap">
<div class="cartItem">
<div class="cartItemInfo">
<div>
<p>
<img src="/kr/assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명">
</p>
<dl>
<dt>Kia Dynamic </dt>
<dd>더 특별하게 더 반짝이게더</dd>
</dl>
</div>
</div>
<dl>
<dt>평생 이용권</dt>
<dd>\ 150,000</dd>
</dl>
</div>
</div>
</li>
<li>
<div class="cartItemWrap">
<div class="cartItem">
<div class="cartItemInfo">
<div>
<p>
<img src="/kr/assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명">
</p>
<dl>
<dt>Kia Dynamic </dt>
<dd>더 특별하게 더 반짝이게더</dd>
</dl>
</div>
</div>
<dl>
<dt>평생 이용권</dt>
<dd>\ 150,000</dd>
</dl>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="pageSubTitle">
<h2>쿠폰 적용</h2>
</div>
<ul class="counponList">
<li>
<div class="infoWrap">
<div class="info">
<label class="radioItem none">
<input type="radio" name="counponItem" value="" />
<span>적용하지 않음</span>
</label>
</div>
</div>
</li>
<li>
<div class="infoWrap">
<div class="info">
<label class="radioItem">
<input type="radio" name="counponItem" value="" />
<span>30,000원 할인</span>
</label>
<span class="title">
회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰
</span>
</div>
<div class="date">
2022-03-09 까지
</div>
</div>
<div class="benefit">
\ -9,999,999
</div>
</li>
<li>
<div class="infoWrap">
<div class="info">
<label class="radioItem">
<input type="radio" name="counponItem" value="" />
<span>10% 할인</span>
</label>
<span class="title">
회원 가입 감사 쿠폰
</span>
</div>
<div class="date">
2022-03-09 까지
</div>
</div>
<div class="benefit">
\ -100,000
</div>
</li>
<li>
<div class="infoWrap">
<div class="info">
<label class="radioItem">
<input type="radio" name="counponItem" value="" />
<span>10% 할인</span>
</label>
<span class="title">
회원 가입 감사 쿠폰
</span>
</div>
<div class="date">
2022-03-09 까지
</div>
</div>
<div class="benefit">
\ -100,000
</div>
</li>
<li>
<div class="infoWrap">
<div class="info">
<label class="radioItem">
<input type="radio" name="counponItem" value="" />
<span>10% 할인</span>
</label>
<span class="title">
회원 가입 감사 쿠폰
</span>
</div>
<div class="date">
2022-03-09 까지
</div>
</div>
<div class="benefit">
\ -100,000
</div>
</li>
<li>
<div class="infoWrap">
<div class="info">
<label class="radioItem">
<input type="radio" name="counponItem" value="" />
<span>10% 할인</span>
</label>
<span class="title">
회원 가입 감사 쿠폰
</span>
</div>
<div class="date">
2022-03-09 까지
</div>
</div>
<div class="benefit">
\ -100,000
</div>
</li>
<li>
<div class="infoWrap">
<div class="info">
<label class="radioItem">
<input type="radio" name="counponItem" value="" />
<span>10% 할인</span>
</label>
<span class="title">
회원 가입 감사 쿠폰
</span>
</div>
<div class="date">
2022-03-09 까지
</div>
</div>
<div class="benefit">
\ -100,000
</div>
</li>
<li>
<div class="infoWrap">
<div class="info">
<label class="radioItem">
<input type="radio" name="counponItem" value="" />
<span>10% 할인</span>
</label>
<span class="title">
회원 가입 감사 쿠폰
</span>
</div>
<div class="date">
2022-03-09 까지
</div>
</div>
<div class="benefit">
\ -100,000
</div>
</li>
<li class="noList">
적용할 쿠폰이 없습니다.
</li>
</ul>
<div class="couponInfo">
<ul>
<li>
쿠폰은 각각 하나의 상품에만 적용 가능합니다.
</li>
<li>
쿠폰은 중복 사용하실 수 없습니다.
</li>
<li>
일시불 상품 쿠폰은 평생 이용권. 3년 이용권 상품에 사용하실 수 있습니다
</li>
<li>
구독 상품 쿠폰은 연 정기 구독, 월 정기 구독 상품에 사용하실 수 있습니다.
</li>
<li>
프로모션 구독 상품에는 사용하실 수 없습니다.
</li>
<li>
사용가능한 쿠폰은 [마이페이지]>[내 쿠폰] 에서 확인하실 수 있습니다.
</li>
</ul>
</div>
</div>
<div class="carswRight">
<div class="carswRightInner">
<h2>결제 정보</h2>
<div class="carswInfo">
<div class="amount">
<div class="item">
<div class="title">상품금액</div>
<div class="value">\ 1,350,000</div>
</div>
<div class="item">
<div class="title">쿠폰할인</div>
<div class="value">\ -100,000</div>
</div>
</div>
<dl>
<dt>최종 결제금액</dt>
<dd>\ 500,000</dd>
</dl>
<div class="kiaPayBox">
<div class="pointInfo">
<div class="title">
기아멤버스 포인트
</div>
<div class="info">
1,521,150 P
</div>
</div>
<div class="pointInfo">
<div class="title">
결제 가능 포인트
</div>
<div class="info">
250,000 P
</div>
</div>
<div class="caution">
※ 결제 가능 기아멤버스 포인트는 쿠폰 적용시 변동될 수 있으며 최종 결제 가능 기아멤버스 포인트는 결제하기 버튼을 눌러서 확인하실 수 있습니다.
</div>
</div>
<div class="kiaPayBox">
<div class="cautionKiaPay">
※ Kia Pay 미 가입 고객이십니다. <br>결제 시 <span>기아멤버스 포인트를 사용</span>하시기 위해서는 <span>Kia Pay 가입</span>이 필요합니다.
</div>
<div class="oneButton">
<button><p>Kia Pay 가입하기</p></button>
</div>
</div>
<div class="kiaPayBox">
<div class="cautionKiaPay">
※ 기아멤버스에 가입하시지 않아 기아멤버스 포인트를 조회/사용하실 수 없습니다.<br>
(기아멤버스에 가입하시지 않아도 결제를 하실 수 있습니다.)
</div>
<div class="oneButton">
<button onclick="window.open('https://members.kia.com/');"><p>기아멤버스 바로가기</p></button>
</div>
</div>
<dl class="carType">
<dt>적용 차량</dt>
<dd>
<strong>MV1</strong>
<span></span>
KMTKEXXBPMU000081
</dd>
</dl>
<!-- <a href=""><span>개인정보 제공안내</span></a>
<a href=""><span>구매조건 확인 및 결제대행 서비스 약관동의</span></a> -->
<label for="allagree"><input type="checkbox" id="allagree" ><span>위 주문 내용을 확인하였으며,<br> 결제 진행에 동의합니다.</span></label>
<div class="oneButtonBlack">
<button><p>결제하기</p></button>
</div>
<div class="safariCaution">
* 결제 팝업이 보이지 않을 경우 [설정 > Safari > 팝업 차단] 해제 후 결제를 진행해 주세요.
</div>
<script>
function isMobile() {
var user = navigator.userAgent;
var is_mobile = false;
if( user.indexOf("iPhone") > -1
|| user.indexOf("iPad") > -1
|| user.indexOf("iPod") > -1
) {
is_mobile = true;
}
return is_mobile;
}
const agent = navigator.userAgent.toUpperCase();
function isSafari() {
if (agent.indexOf("SAFARI") >= 0) {
if (agent.indexOf("CHROME") >= 0) {
return false;
} else if(agent.indexOf("GSA") >= 0) {
return false;
} else if(agent.indexOf("CRIOS") >= 0) {
return false;
} else {
return true;
}
}
}
var is_mobile = isMobile();
var is_safari = isSafari();
if(is_mobile && is_safari) {
$(".safariCaution").css("display","block");
}
</script>
</div>
</div>
</div>
</div>
<!--//content-warp-->
<!--알럿팝업-->
<!-- [S] 문의 등록 레이어 팝업 -->
<div id="coupon_popup" class="couponPopup" style="display:none; opacity:0;">
<div class="popInner">
<div class="content">
<p class="title">
<strong>사용가능 쿠폰 목록</strong>
</p>
<div class="cartItemWrap">
<div class="cartItem">
<div class="cartItemInfo">
<div>
<p>
<img src="/kr/assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명">
</p>
<dl>
<dt>Kia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LED</dt>
<dd>더 특별하게 더 반짝이게더 특별하게 더 반짝이게더 특별하게 더 반짝이게더 특별하게 더 반짝이게더 특별하게 더 반짝이게</dd>
<dd>옵션: LED A-Type</dd>
</dl>
</div>
</div>
<dl>
<dt>평생 이용권</dt>
<dd>\ 150,000</dd>
</dl>
</div>
</div>
<ul class="counponList">
<li>
<div class="infoWrap">
<div class="info">
<label class="radioItem">
<input type="radio" name="counponItem" value="" />
<span>30,000원 할인</span>
</label>
<span class="title">
회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰
</span>
</div>
<div class="date">
2022-03-09 까지
</div>
</div>
<div class="benefit">
\ -9,999,999
</div>
</li>
<li>
<div class="infoWrap">
<div class="info">
<label class="radioItem">
<input type="radio" name="counponItem" value="" />
<span>10% 할인</span>
</label>
<span class="title">
회원 가입 감사 쿠폰
</span>
</div>
<div class="date">
2022-03-09 까지
</div>
</div>
<div class="benefit">
\ -100,000
</div>
</li>
<li>
<div class="infoWrap">
<div class="info">
<label class="radioItem">
<input type="radio" name="counponItem" value="" />
<span>10% 할인</span>
</label>
<span class="title">
회원 가입 감사 쿠폰
</span>
</div>
<div class="date">
2022-03-09 까지
</div>
</div>
<div class="benefit">
\ -100,000
</div>
</li>
<li>
<div class="infoWrap">
<div class="info">
<label class="radioItem">
<input type="radio" name="counponItem" value="" />
<span>10% 할인</span>
</label>
<span class="title">
회원 가입 감사 쿠폰
</span>
</div>
<div class="date">
2022-03-09 까지
</div>
</div>
<div class="benefit">
\ -100,000
</div>
</li>
<li>
<div class="infoWrap">
<div class="info">
<label class="radioItem">
<input type="radio" name="counponItem" value="" />
<span>10% 할인</span>
</label>
<span class="title">
회원 가입 감사 쿠폰
</span>
</div>
<div class="date">
2022-03-09 까지
</div>
</div>
<div class="benefit">
\ -100,000
</div>
</li>
<li>
<div class="infoWrap">
<div class="info">
<label class="radioItem">
<input type="radio" name="counponItem" value="" />
<span>10% 할인</span>
</label>
<span class="title">
회원 가입 감사 쿠폰
</span>
</div>
<div class="date">
2022-03-09 까지
</div>
</div>
<div class="benefit">
\ -100,000
</div>
</li>
<li>
<div class="infoWrap">
<div class="info">
<label class="radioItem">
<input type="radio" name="counponItem" value="" />
<span>10% 할인</span>
</label>
<span class="title">
회원 가입 감사 쿠폰
</span>
</div>
<div class="date">
2022-03-09 까지
</div>
</div>
<div class="benefit">
\ -100,000
</div>
</li>
</ul>
<div class="carswBtn">
<div class="towButton">
<a href="javascript:;" class="cartBtn leftBtn" onClick="javascript:close_layer_popup('coupon_popup');"><p>취소</p></a>
<a href="javascript:;" class="PurchaseBtn rightBtn"><p>적용</p></a>
</div>
</div>
</div>
</div>
</div>
<!-- [E] 문의 등록 레이어 팝업 -->
<!--알럿팝업-->
<!--//footer-->
<?php
include($_SERVER['DOCUMENT_ROOT']."/kr/include/footer.php");
?>
<!--//footer-->
</body>
</html>