모바일쇼핑몰: table -> ul 변경 : 주문내역 상세
This commit is contained in:
@ -575,14 +575,6 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
|
||||
|
||||
#sod_fin #sod_bsk_tot {border-bottom:0 !important}
|
||||
|
||||
#sod_ul {margin:10px 0;padding:0;border-top:1px solid #565e60;list-style:none}
|
||||
#sod_ul li {border-bottom:1px solid #565e60}
|
||||
#sod_ul table {margin:0}
|
||||
#sod_ul th {text-align:center}
|
||||
#sod_ul td {background:#fff;color:#000}
|
||||
#sod_ul p {padding:5px 14px}
|
||||
#sod_ul p a {font-weight:bold;text-decoration:none}
|
||||
|
||||
#request_form {position:relative}
|
||||
#request_form div {display:none;z-index:10000;position:absolute;top:23px;left:0;padding:20px 0;width:520px;border:1px solid #000;background:#f2f5f9;text-align:center}
|
||||
#request_form .frm_input {width:300px;background:#fff !important}
|
||||
|
||||
@ -194,32 +194,36 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
|
||||
/* 장바구니 주문서 공통 */
|
||||
#sod_chk {padding:0 0 10px;text-align:right}
|
||||
|
||||
#sod_list {position:relative;margin:0;padding:0;list-style:none}
|
||||
#sod_list .sod_li {position:relative;padding:5px 0}
|
||||
#sod_list .sod_li:nth-of-type(1) {border-top:1px solid #e9e9e9}
|
||||
#sod_list .sod_li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sod_list .li_chk {position:absolute;top:12px;right:0}
|
||||
#sod_list .li_name {margin:0 0 15px}
|
||||
#sod_list .li_name a {display:block;width:90%}
|
||||
#sod_list .li_name strong {display:inline-block;padding:8px 0 10px;font-size:1.167em}
|
||||
#sod_list .li_prqty {margin:0 0 5px;padding:0 0 15px;border-bottom:1px solid #e9e9e9}
|
||||
#sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sod_list .li_prqty span {font-weight:bold}
|
||||
#sod_list .li_prqty span span {font-weight:normal}
|
||||
#sod_list .prqty_price {float:left;padding:0 2% 0 0;width:48%;border-right:1px solid #e9e9e9;text-align:right}
|
||||
#sod_list .prqty_qty {float:right;width:48%;text-align:left}
|
||||
#sod_list .li_cp, #sod_list .li_mod {margin:5px 0 0}
|
||||
#sod_list .li_cp:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sod_list .li_cp .cp_btn, #sod_list .li_cp .cp_cancel, #sod_list .li_mod .mod_btn {margin:0;padding:10px 0;width:100%;border:0;background:#ff882a;color:#fff;font-weight:bold}
|
||||
#sod_list .li_cp button.cp_mod {float:left;width:69%}
|
||||
#sod_list .li_cp .cp_cancel {float:right;width:30%;background:#626870}
|
||||
#sod_list .li_total {position:relative}
|
||||
#sod_list .total_img {position:absolute;top:0;left:0}
|
||||
#sod_list .total_span {display:block;position:relative;padding:5px 0;text-align:right}
|
||||
#sod_list .total_span span {position:absolute;top:5px;left:0}
|
||||
#sod_list .total_price {border-bottom:1px solid #e9e9e9}
|
||||
.sod_list {position:relative;margin:0;padding:0;list-style:none}
|
||||
.sod_list .sod_li {position:relative;padding:5px 0;border-top:1px solid #e9e9e9}
|
||||
.sod_list .sod_li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sod_list .li_chk {position:absolute;top:12px;right:0}
|
||||
.sod_list .li_name {margin:0 0 15px}
|
||||
.sod_list .li_name a {display:block;width:90%}
|
||||
.sod_list .li_name strong {display:inline-block;padding:8px 0 10px;font-size:1.167em}
|
||||
.sod_list .li_prqty {margin:0 0 5px;padding:0 0 15px;border-bottom:1px solid #e9e9e9}
|
||||
.sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sod_list .li_prqty span {font-weight:bold}
|
||||
.sod_list .li_prqty span span {font-weight:normal}
|
||||
.sod_list .prqty_price {float:left;padding:0 2% 0 0;width:48%;border-right:1px solid #e9e9e9;text-align:right}
|
||||
.sod_list .prqty_qty {float:right;width:48%;text-align:left}
|
||||
.sod_list .li_cp, .sod_list .li_mod {margin:5px 0 0}
|
||||
.sod_list .li_cp:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sod_list .li_cp .cp_btn, .sod_list .li_cp .cp_cancel, .sod_list .li_mod .mod_btn {margin:0;padding:10px 0;width:100%;border:0;background:#ff882a;color:#fff;font-weight:bold}
|
||||
.sod_list .li_cp button.cp_mod {float:left;width:69%}
|
||||
.sod_list .li_cp .cp_cancel {float:right;width:30%;background:#626870}
|
||||
.sod_list .li_total {position:relative}
|
||||
.sod_list .total_img {position:absolute;top:0;left:0}
|
||||
.sod_list .total_span {display:block;position:relative;padding:5px 0;text-align:right}
|
||||
.sod_list .total_span span {position:absolute;top:5px;left:0}
|
||||
.sod_list .total_price {border-bottom:1px solid #e9e9e9}
|
||||
|
||||
.sod_opt {border-top:1px dashed #e9e9e9;background:#f2f5f9}
|
||||
#sod_list_inq {margin:0 0 10px}
|
||||
#sod_list_inq li.sod_li {border-bottom:1px solid #e9e9e9}
|
||||
#sod_list_inq div.li_name {margin:0}
|
||||
#sod_list_inq div.li_opt {margin:0 0 15px;border:1px dashed #e9e9e9;background:#f2f5f9;padding:8px;line-height:2em}
|
||||
|
||||
.sod_opt {border:1px dashed #e9e9e9;background:#f2f5f9}
|
||||
.sod_opt ul {margin:0;padding:0;list-style:none}
|
||||
.sod_opt li {padding:8px}
|
||||
|
||||
@ -323,19 +327,11 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f
|
||||
#sod_sts_wrap {margin:0 0 10px;text-align:right}
|
||||
#sod_sts_explan {display:none}
|
||||
|
||||
#sod_fin_legend {margin:10px;padding:5px 5px 0;border:1px solid #e9e9e9;text-align:left}
|
||||
#sod_fin_legend {margin:10px 0;padding:10px 10px 0;border:1px solid #e9e9e9;text-align:left}
|
||||
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''}
|
||||
#sod_fin_legend dt {clear:both;float:left;margin:0 0 5px;width:50px;font-weight:bold}
|
||||
#sod_fin_legend dd {float:left;margin:0}
|
||||
|
||||
#sod_ul {margin:0 0 5px;padding:0;border-top:1px solid #565e60;list-style:none}
|
||||
#sod_ul li {padding:0;border-bottom:1px solid #565e60}
|
||||
#sod_ul table {margin:0}
|
||||
#sod_ul th {text-align:center}
|
||||
#sod_ul td {background:#fff;color:#000}
|
||||
#sod_ul p {padding:5px 10px}
|
||||
#sod_ul p a {font-weight:bold;text-decoration:none}
|
||||
|
||||
#request_form {position:relative}
|
||||
#request_form div {display:none;z-index:10000;position:absolute;top:31px;left:0;padding:10px 0;width:290px;border:1px solid #000;background:#f2f5f9;text-align:center}
|
||||
#request_form label {letter-spacing:-0.1em}
|
||||
|
||||
@ -16,7 +16,7 @@ include_once(G5_MSHOP_PATH.'/_head.php');
|
||||
<input type="checkbox" name="ct_all" value="1" id="ct_all" checked>
|
||||
</div>
|
||||
|
||||
<ul id="sod_list">
|
||||
<ul class="sod_list">
|
||||
<?php
|
||||
$tot_point = 0;
|
||||
$tot_sell_price = 0;
|
||||
|
||||
@ -37,7 +37,7 @@ ob_start();
|
||||
?>
|
||||
<p>주문하실 상품을 확인하세요.</p>
|
||||
|
||||
<ul id="sod_list">
|
||||
<ul class="sod_list">
|
||||
<?php
|
||||
$tot_point = 0;
|
||||
$tot_sell_price = 0;
|
||||
|
||||
@ -27,7 +27,7 @@ include_once(G5_MSHOP_PATH.'/_head.php');
|
||||
|
||||
<p>주문번호 <strong><?php echo $od_id; ?></strong></p>
|
||||
|
||||
<section id="sod_fin_list">
|
||||
<section class="sod_fin_list">
|
||||
<h2>주문하신 상품</h2>
|
||||
|
||||
<?php
|
||||
@ -41,74 +41,64 @@ include_once(G5_MSHOP_PATH.'/_head.php');
|
||||
order by ct_id ";
|
||||
$result = sql_query($sql);
|
||||
?>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" rowspan="3">상품이미지</th>
|
||||
<th scope="col" colspan="5">상품명</th>
|
||||
</tr>
|
||||
<th scope="col" colspan="5">옵션항목</th>
|
||||
<tr>
|
||||
<th scope="col">수량</th>
|
||||
<th scope="col">판매가</th>
|
||||
<th scope="col">소계</th>
|
||||
<th scope="col">포인트</th>
|
||||
<th scope="col">상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
for($i=0; $row=sql_fetch_array($result); $i++) {
|
||||
$image = get_it_image($row['it_id'], 70, 70);
|
||||
<ul id="sod_list_inq" class="sod_list">
|
||||
<?php
|
||||
for($i=0; $row=sql_fetch_array($result); $i++) {
|
||||
$image_width = 50;
|
||||
$image_height = 50;
|
||||
$image = get_it_image($row['it_id'], 50, 50, '', '', $row['it_name']);
|
||||
|
||||
// 옵션항목
|
||||
$sql = " select ct_id, it_name, ct_option, ct_qty, ct_price, ct_point, ct_status, io_type, io_price
|
||||
from {$g5['g5_shop_cart_table']}
|
||||
where od_id = '$od_id'
|
||||
and it_id = '{$row['it_id']}'
|
||||
order by io_type asc, ct_id asc ";
|
||||
$res = sql_query($sql);
|
||||
$rowspan = mysql_num_rows($res) * 2 + 1;
|
||||
?>
|
||||
<tr>
|
||||
<td rowspan="<?php echo $rowspan; ?>"><a href="./item.php?it_id=<?php echo $row['it_id']; ?>"><?php echo $image; ?></a></td>
|
||||
<td colspan="5"><a href="./item.php?it_id=<?php echo $row['it_id']; ?>"><?php echo $row['it_name']; ?></a></td>
|
||||
</tr>
|
||||
<?php
|
||||
for($k=0; $opt=sql_fetch_array($res); $k++) {
|
||||
if($opt['io_type'])
|
||||
$opt_price = $opt['io_price'];
|
||||
else
|
||||
$opt_price = $opt['ct_price'] + $opt['io_price'];
|
||||
// 옵션항목
|
||||
$sql = " select ct_id, it_name, ct_option, ct_qty, ct_price, ct_point, ct_status, io_type, io_price
|
||||
from {$g5['g5_shop_cart_table']}
|
||||
where od_id = '$od_id'
|
||||
and it_id = '{$row['it_id']}'
|
||||
order by io_type asc, ct_id asc ";
|
||||
$res = sql_query($sql);
|
||||
?>
|
||||
<li class="sod_li">
|
||||
<div class="li_name">
|
||||
<a href="./item.php?it_id=<?php echo $row['it_id']; ?>"><strong><?php echo $row['it_name']; ?></strong></a>
|
||||
</div>
|
||||
<?php
|
||||
for($k=0; $opt=sql_fetch_array($res); $k++) {
|
||||
if($opt['io_type'])
|
||||
$opt_price = $opt['io_price'];
|
||||
else
|
||||
$opt_price = $opt['ct_price'] + $opt['io_price'];
|
||||
|
||||
$sell_price = $opt_price * $opt['ct_qty'];
|
||||
$point = $opt['ct_point'] * $opt['ct_qty'];
|
||||
?>
|
||||
<tr>
|
||||
<td colspan="5"><?php echo $opt['ct_option']; ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="td_mngsmall"><?php echo number_format($opt['ct_qty']); ?></td>
|
||||
<td class="td_numbig"><?php echo number_format($opt_price); ?></td>
|
||||
<td class="td_num"><?php echo number_format($sell_price); ?></td>
|
||||
<td class="td_num"><?php echo number_format($point); ?></td>
|
||||
<td class="td_mngsmall"><?php echo $opt['ct_status']; ?></td>
|
||||
</tr>
|
||||
<?php
|
||||
$tot_point += $point;
|
||||
$sell_price = $opt_price * $opt['ct_qty'];
|
||||
$point = $opt['ct_point'] * $opt['ct_qty'];
|
||||
?>
|
||||
<div class="li_opt"><?php echo $opt['ct_option']; ?></div>
|
||||
<div class="li_prqty">
|
||||
<span class="prqty_price"><span>판매가 </span><?php echo number_format($opt_price); ?></span>
|
||||
<span class="prqty_qty"><span>수량 </span><?php echo number_format($opt['ct_qty']); ?></span>
|
||||
</div>
|
||||
<?php // echo $opt['ct_status']; ?>
|
||||
<div class="li_total" style="padding-left:<?php echo $image_width + 10; ?>px;height:auto !important;height:<?php echo $image_height; ?>px;min-height:<?php echo $image_height; ?>px">
|
||||
<a href="./item.php?it_id=<?php echo $row['it_id']; ?>" class="total_img"><?php echo $image; ?></a>
|
||||
<span class="total_price total_span"><span>주문금액 </span><?php echo number_format($sell_price); ?></span>
|
||||
<span class="total_point total_span"><span>적립포인트 </span><?php echo number_format($point); ?></span>
|
||||
</div>
|
||||
<?php
|
||||
$tot_point += $point;
|
||||
|
||||
$st_count1++;
|
||||
if($opt['ct_status'] == '주문')
|
||||
$st_count2++;
|
||||
$st_count1++;
|
||||
if($opt['ct_status'] == '주문')
|
||||
$st_count2++;
|
||||
}
|
||||
?>
|
||||
|
||||
</li>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
|
||||
// 주문 상품의 상태가 모두 주문이면 고객 취소 가능
|
||||
if($st_count1 > 0 && $st_count1 == $st_count2)
|
||||
$custom_cancel = true;
|
||||
?>
|
||||
</tbody>
|
||||
</table>
|
||||
// 주문 상품의 상태가 모두 주문이면 고객 취소 가능
|
||||
if($st_count1 > 0 && $st_count1 == $st_count2)
|
||||
$custom_cancel = true;
|
||||
?>
|
||||
</ul>
|
||||
|
||||
<div id="sod_sts_wrap">
|
||||
<span class="sound_only">상품 상태 설명</span>
|
||||
|
||||
@ -132,7 +132,7 @@ $amt_tax = (int)($amt_tot - $amt_sup);
|
||||
<body>
|
||||
|
||||
<div id="scash" class="new_win">
|
||||
<h1><?php echo $g5['title']; ?></h1>
|
||||
<h1 id="win_title"><?php echo $g5['title']; ?></h1>
|
||||
|
||||
<section>
|
||||
<h2>주문정보</h2>
|
||||
|
||||
Reference in New Issue
Block a user