480 lines
25 KiB
PHP
480 lines
25 KiB
PHP
<?php $bland_code = "kia"; ?>
|
|
<!--
|
|
//메타의 각 브랜드 별 코드는 hyundai,genesis 입니다.
|
|
//브랜드 별 경로에 따라 해당 코드를 변경해주세요.
|
|
-->
|
|
<?php $gnbStyleCode = "hBoder"; ?>
|
|
<?php $mypage_code = "coupon"; ?>
|
|
<!--
|
|
페이지 별 붙박이 코드입니다. 해당 변수는 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/mypage.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-->
|
|
<div class="contentWarp">
|
|
<div class="mypageWarp">
|
|
<div class="leftLnbWarp">
|
|
<div class="title">
|
|
<h1>마이페이지</h1>
|
|
<p><span>일반회원 홍길동님</span></p>
|
|
</div>
|
|
<div class="couponArea">
|
|
<dl class="lnbCoupon">
|
|
<dt><span>사용 가능한</span> 쿠폰</dt>
|
|
<dd>3</dd>
|
|
</dl>
|
|
<dl class="lnbPoint">
|
|
<dt><span>멤버스</span> 포인트</dt>
|
|
<dd>32,000 P</dd>
|
|
</dl>
|
|
</div>
|
|
<div class="swiper lnbList">
|
|
<ul class="swiper-wrapper">
|
|
<!--//lnb-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/mylnb.php");
|
|
?>
|
|
<!--//lnb-->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="rightConWarp">
|
|
<div class="conTitle">
|
|
<h2>쿠폰내역</h2>
|
|
</div>
|
|
|
|
<div class="myCouponTop">
|
|
<div class="couponNumInput">
|
|
<input type="text" placeholder="쿠폰 번호를 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='쿠폰 번호를 입력해주세요.'">
|
|
</div>
|
|
<div class="couponBtn">
|
|
<div class="oneButton">
|
|
<!--
|
|
등록버튼은 레이어 팝업 띄우는 걸로 코드 적용해 두었습니다.
|
|
입력된 값이 유효한 쿠폰번호가 아닌 경우는 해당 스크립트 함수가 아닌 일반 시스템 경고창이 노출됩니다.
|
|
-->
|
|
<a class="#" onClick="javascript:open_layer_popup('issued_coupon');"><p>쿠폰 등록</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="myCouponListWrap">
|
|
<div class="boardTop">
|
|
<div class="infoWarp">
|
|
총 5장의 쿠폰이 있습니다.
|
|
</div>
|
|
</div>
|
|
<div class="boardList">
|
|
<ul class="list">
|
|
<li class="item">
|
|
<div class="itemTop">
|
|
<div class="info">
|
|
<div class="benefits">
|
|
<div class="benefitsItem">
|
|
<div class="badge">
|
|
체험
|
|
</div>
|
|
<div class="value">
|
|
체험 이용권 (1회 한정)
|
|
<div class="info">
|
|
신청일로부터 21일간 체험 가능
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="title">
|
|
체험 프로모션 쿠폰
|
|
</div>
|
|
</div>
|
|
|
|
<div class="target">
|
|
<span>
|
|
#EV9
|
|
</span>
|
|
<span>
|
|
#원격 스마트 주차 보조 2(RSPA 2)
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="itemBottom">
|
|
<img src="/kr/assets/images/common/icon-calendar-small.svg" alt="icon">
|
|
<div class="date">
|
|
2022-08-30 까지
|
|
</div>
|
|
<div class="cost">
|
|
이용 금액: 500원
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="item">
|
|
<div class="itemTop">
|
|
<div class="info">
|
|
<div class="benefits">
|
|
<div class="benefitsItem">
|
|
<div class="badge">
|
|
체험
|
|
</div>
|
|
<div class="value">
|
|
체험 이용권 (1회 한정)
|
|
<div class="info">
|
|
신청일로부터 21일간 체험 가능
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="title">
|
|
체험 프로모션 쿠폰
|
|
</div>
|
|
</div>
|
|
|
|
<div class="target">
|
|
<span>
|
|
#EV9
|
|
</span>
|
|
<span>
|
|
#원격 스마트 주차 보조 2(RSPA 2)
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="itemBottom">
|
|
<img src="/kr/assets/images/common/icon-calendar-small.svg" alt="icon">
|
|
<div class="date">
|
|
2022-08-30 까지
|
|
</div>
|
|
<div class="cost">
|
|
이용 금액: 500원
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
|
|
<li class="item">
|
|
<div class="itemTop">
|
|
<div class="info">
|
|
<div class="benefits">
|
|
<div class="benefitsItem">
|
|
<div class="badge">
|
|
체험
|
|
</div>
|
|
<div class="value">
|
|
체험 이용권 (자동 구독 연장)
|
|
<div class="info">
|
|
2023-08-30일 까지 체험 가능
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="title">
|
|
체험 프로모션 쿠폰
|
|
</div>
|
|
</div>
|
|
|
|
<div class="target">
|
|
<span>
|
|
#EV9
|
|
</span>
|
|
<span>
|
|
#원격 스마트 주차 보조 2(RSPA 2)
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="itemBottom">
|
|
<img src="/kr/assets/images/common/icon-calendar-small.svg" alt="icon">
|
|
<!--
|
|
만료일 영역입니다.
|
|
-->
|
|
<div class="date">
|
|
2022-08-30 까지
|
|
</div>
|
|
<div class="cost">
|
|
이용 금액: 무료
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
|
|
|
|
<li class="item">
|
|
<div class="itemTop">
|
|
<div class="info">
|
|
<div class="benefits">
|
|
<!--
|
|
일시불, 구독 순으로 노출됩니다.
|
|
둘 중 하나만 있는 경우 한개만 노출됩니다.
|
|
-->
|
|
<div class="benefitsItem">
|
|
<div class="badge">
|
|
일시불
|
|
</div>
|
|
<div class="value">
|
|
10% 할인
|
|
</div>
|
|
</div>
|
|
<div class="benefitsItem">
|
|
<div class="badge">
|
|
구독
|
|
</div>
|
|
<div class="value">
|
|
5,000원 할인
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="title">
|
|
회원 가입 감사 쿠폰
|
|
</div>
|
|
</div>
|
|
|
|
<div class="target">
|
|
<!--
|
|
대상 차종 정보 영역입니다.
|
|
여러개인 경우 쉼표로 구분합니다.
|
|
-->
|
|
<span>
|
|
#EV9, EV10, EV11
|
|
</span>
|
|
<!--
|
|
대상 상품 영역입니다.
|
|
전체인 경우 "전체"로 표현됩니다.
|
|
-->
|
|
<span>
|
|
#Kia Dynamic LED
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="itemBottom">
|
|
<img src="/kr/assets/images/common/icon-calendar-small.svg" alt="icon">
|
|
<!--
|
|
만료일 영역입니다.
|
|
-->
|
|
<div class="date">
|
|
2022-08-30 까지
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="item">
|
|
<div class="itemTop">
|
|
<div class="info">
|
|
<div class="benefits">
|
|
|
|
<div class="benefitsItem">
|
|
<div class="badge">
|
|
구독
|
|
</div>
|
|
<div class="value">
|
|
5,000원 할인
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="title">
|
|
회원 가입 감사 쿠폰
|
|
</div>
|
|
</div>
|
|
|
|
<div class="target">
|
|
<span>
|
|
#EV9, EV10, EV11
|
|
</span>
|
|
<span>
|
|
#Kia Dynamic LED Kia Dynamic LED Kia Dynamic LED Kia Dynamic LED Kia Dynamic LED Kia Dynamic LED Kia Dynamic LED Kia Dynamic LED Kia Dynamic LED Kia Dynamic LED Kia Dynamic LED Kia Dynamic LED Kia Dynamic LED Kia Dynamic LED Kia Dynamic LED
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="itemBottom">
|
|
<img src="/kr/assets/images/common/icon-calendar-small.svg" alt="icon">
|
|
<div class="date">
|
|
2022-08-30 까지
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="item">
|
|
<div class="itemTop">
|
|
<div class="info">
|
|
<div class="benefits">
|
|
<div class="benefitsItem">
|
|
<div class="badge">
|
|
일시불
|
|
</div>
|
|
<div class="value">
|
|
10% 할인
|
|
</div>
|
|
</div>
|
|
<div class="benefitsItem">
|
|
<div class="badge">
|
|
구독
|
|
</div>
|
|
<div class="value">
|
|
5,000원 할인
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="title">
|
|
회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰
|
|
</div>
|
|
</div>
|
|
|
|
<div class="target">
|
|
<span>
|
|
#EV9
|
|
</span>
|
|
<span>
|
|
#Kia Dynamic
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="itemBottom">
|
|
<img src="/kr/assets/images/common/icon-calendar-small.svg" alt="icon">
|
|
<div class="date">
|
|
2022-08-30 까지
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="noItem">
|
|
사용 가능한 쿠폰이 없습니다.
|
|
</li>
|
|
|
|
</ul>
|
|
<div class="couponInfo">
|
|
<ul>
|
|
<li>
|
|
쿠폰은 상품 할인으로 결제 화면에서 사용하실 수 있습니다.
|
|
</li>
|
|
<li>
|
|
쿠폰은 중복 사용하실 수 없습니다.
|
|
</li>
|
|
<li>
|
|
일시불 상품 쿠폰은 평생 이용권. 3년 이용권 상품에 사용하실 수 있습니다.
|
|
</li>
|
|
<li>
|
|
구독 상품 쿠폰은 연 정기 구독, 월 정기 구독 상품에 사용하실 수 있습니다.
|
|
</li>
|
|
<li>
|
|
프로모션 구독 상품에는 사용하실 수 없습니다.
|
|
</li>
|
|
<li>
|
|
사용기간이 만료된 쿠폰은 자동 삭제됩니다.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="couponInfo">
|
|
<div class="title">
|
|
체험 쿠폰 안내
|
|
</div>
|
|
<ul>
|
|
<li>"1회 한정"은 체험 기간 만료 당일 24시에 체험이 종료됩니다.</li>
|
|
<li>"1회 한정“ 체험 사양이더라도 체험 기간 중 언제든지 구독 전환 신청을 하실 수 있습니다.</li>
|
|
<li>"자동 구독 전환"은 체험 기간 만료 당일 24시에 체험이 종료되면서 등록하신 결제 수단으로 자동 구독 전환이 됩니다.</li>
|
|
<li>"자동 구독 전환“ 사양이더라도 체험 기간 중 언제든지 구독 전환 취소를 하실 수 있습니다.</li>
|
|
<li>체험 기간 중 [마이페이지]>[이용중인 사양]에서 체험 종료 신청 및 구독 전환, 구독 전환 취소를 선택하실 수 있습니다.</li>
|
|
<li>체험 신청 시 Kia Pay 가입이 필요합니다.</li>
|
|
<li>구독 전환 없이 체험을 종료하는 경우 등록하신 결제수단 정보는 삭제됩니다.</li>
|
|
<li>체험 사양은 환불이 불가합니다.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--//content-warp-->
|
|
|
|
<!--알럿팝업-->
|
|
|
|
<!-- [S] 쿠폰 발급 안내 레이어 팝업 -->
|
|
<div id="issued_coupon" class="alertPopup" style="display:none; opacity:0;">
|
|
<div class="popInner">
|
|
<div class="content">
|
|
<p>
|
|
<strong>쿠폰이 발급 되었습니다</strong>
|
|
</p>
|
|
<div class="tableView">
|
|
<dl>
|
|
<dt class="itemName">
|
|
쿠폰 명
|
|
</dt>
|
|
<dd class="itemValue">
|
|
그랜드 오픈 이벤트 감사 쿠폰 그랜드 오픈 이벤트 감사 쿠폰
|
|
</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt class="itemName">
|
|
대상 차종
|
|
</dt>
|
|
<dd class="itemValue">
|
|
EV9, EV10, EV11
|
|
</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt class="itemName">
|
|
혜택 상품
|
|
</dt>
|
|
<dd class="itemValue">
|
|
전 상품
|
|
</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt class="itemName">
|
|
혜택
|
|
</dt>
|
|
<dd class="itemValue">
|
|
일시불 상품: 10% 할인<br>
|
|
구독 상품: 5,000원 할인
|
|
</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt class="itemName">
|
|
만료일
|
|
</dt>
|
|
<dd class="itemValue">
|
|
2022-03-09 까지
|
|
</dd>
|
|
</dl>
|
|
</div>
|
|
<div class="counponBtn">
|
|
<div class="oneButton">
|
|
<a class="#" onClick="javascript:close_layer_popup('issued_coupon');"><p>확인</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- [E] 쿠폰 발급 안내 레이어 팝업 -->
|
|
|
|
<!--//footer-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/footer.php");
|
|
?>
|
|
<!--//footer-->
|
|
</body>
|
|
</html>
|