275 lines
15 KiB
PHP
275 lines
15 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-->
|
|
<div class="contentWarp">
|
|
<div class="cartView">
|
|
<div class="pageTitle">
|
|
<h1>장바구니</h1>
|
|
<p>총 3개의 FoD 상품이 있습니다.</p>
|
|
</div>
|
|
<div class="tabWarp">
|
|
<a href="" class="tabActive">
|
|
<p>
|
|
<span>일시불 상품</span>
|
|
<em>(2)</em>
|
|
</p>
|
|
</a>
|
|
<a href="">
|
|
<p>
|
|
<span>구독상품 </span>
|
|
<em>(1)</em>
|
|
</p>
|
|
</a>
|
|
</div>
|
|
<script>
|
|
function selectAll(selectAll) {
|
|
const checkboxes
|
|
= document.getElementsByName('productItrm');
|
|
|
|
checkboxes.forEach((checkbox) => {
|
|
checkbox.checked = selectAll.checked;
|
|
})
|
|
}
|
|
</script>
|
|
<div class="productListWarp">
|
|
<label for="allcheck" class="allSelect"><input type="checkbox" id="allcheck" name='productItrm' value='selectall' onclick='selectAll(this)'><span>전체 선택</span></label>
|
|
<div class="productLis">
|
|
<ul>
|
|
<li>
|
|
<!-- [2차] 패키지 구성상품 영역으로 인해 cartItemWrap 구조가 하나 생겼어요. -->
|
|
<div class="cartItemWrap">
|
|
<div class="cartItem">
|
|
<div class="cartItemInfo">
|
|
<label for="itemcheck" class="selectItem"><input type="checkbox" name='productItrm' value="상품명"></label>
|
|
<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 class="addBtnWarp">
|
|
<div class="towButton">
|
|
<button class="cartBtn leftBtn"><p>삭제</p></button>
|
|
<button class="PurchaseBtn rightBtn"><p>바로구매</p></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- [2차] 패키지 구성상품 영역 추가되었습니다. -->
|
|
<div class="components">
|
|
<div class="componentsTitle">
|
|
<!-- 구성상품 수 적용해주세요. -->
|
|
구성상품 (4)
|
|
</div>
|
|
<div class="componentsList">
|
|
<div class="item">
|
|
<div class="itemImg">
|
|
<img src="/kr/assets/images/kia/product-img/producy-temp7.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 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 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>
|
|
</li>
|
|
<li>
|
|
<div class="cartItemWrap">
|
|
<div class="cartItem">
|
|
<div class="cartItemInfo">
|
|
<label for="itemcheck" class="selectItem"><input type="checkbox" name='productItrm' value="상품명"></label>
|
|
<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 class="addBtnWarp">
|
|
<div class="towButton">
|
|
<button class="cartBtn leftBtn"><p>삭제</p></button>
|
|
<button class="PurchaseBtn rightBtn"><p>바로구매</p></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</li>
|
|
<li>
|
|
<div class="cartItemWrap">
|
|
<div class="cartItem">
|
|
<div class="cartItemInfo">
|
|
<label for="itemcheck" class="selectItem"><input type="checkbox" name='productItrm' value="상품명"></label>
|
|
<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 class="addBtnWarp">
|
|
<div class="towButton">
|
|
<button class="cartBtn leftBtn"><p>삭제</p></button>
|
|
<button class="PurchaseBtn rightBtn"><p>바로구매</p></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</li>
|
|
<li class="noPrice">
|
|
<p>장바구니에 담겨진 상품이 없습니다.</p>
|
|
<div class="PriceGoList">
|
|
<div class="oneButton">
|
|
<a href=""><p>상품목록</p></a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="totalWarp">
|
|
<p>총 2개의 상품을 선택하셨습니다.</p>
|
|
<div class="totalPrice">
|
|
<p>\ 500,000</p>
|
|
<div class="oneButtonBlack">
|
|
<button><p>주문하기</p></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--//content-warp-->
|
|
|
|
<!--//footer-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/footer.php");
|
|
?>
|
|
<!--//footer-->
|
|
</body>
|
|
</html>
|