쇼핑몰: #220 주문 쿠폰 기능 마크업 중

This commit is contained in:
whitedot
2013-06-12 16:12:04 +09:00
parent 9021ad2c1b
commit 1455af54b8
4 changed files with 60 additions and 64 deletions

View File

@ -193,37 +193,30 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
/* 버튼 */ /* 버튼 */
.btn01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle} .btn01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle}
.btn01:focus, .btn01:focus, .btn01:hover {text-decoration:none !important}
.btn01:hover {text-decoration:none !important}
.btn02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #333 !important;background:#333 !important;color:#fff !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle} .btn02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #333 !important;background:#333 !important;color:#fff !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle}
.btn02:focus, .btn02:focus, .btn02:hover {text-decoration:none !important}
.btn02:hover {text-decoration:none !important}
.btn_confirm {text-align:center} /* 서식단계 진행 */ .btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {padding:0 10px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer} .btn_submit {padding:0 10px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer}
button.btn_submit {height:22px !important;font-size:1em} button.btn_submit {height:22px !important;font-size:1em}
fieldset .btn_submit {height:22px;font-size:1em} fieldset .btn_submit {height:22px;font-size:1em}
.btn_cancel {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:2em} .btn_cancel {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:2em;cursor:pointer}
button.btn_cancel {display:inline-block;padding:0 10px;height:24px;border:1px solid #ccc;background:#fafafa;line-height:2em} button.btn_cancel {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:1.9em}
.btn_cancel:focus, .btn_cancel:focus, .btn_cancel:hover {text-decoration:none !important}
.btn_cancel:hover {text-decoration:none !important}
.btn_frmline {display:inline-block;padding:0 7px 0 5px;height:22px;border:0;background:#333;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:2em} /* 우편번호검색버튼 등 */ .btn_frmline {display:inline-block;padding:0 7px 0 5px;height:22px;border:0;background:#333;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:2em} /* 우편번호검색버튼 등 */
.btn_frmline2 {display:inline-block;padding:0 7px 0 5px;height:20px;border:1px solid #e9e9e9;background:#f5f6fa;color:#ff3061 !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.7em} .btn_frmline2 {display:inline-block;padding:0 7px 0 5px;height:20px;border:1px solid #e9e9e9;background:#f5f6fa;color:#ff3061 !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.7em}
button.btn_frmline {font-size:1em} button.btn_frmline {font-size:1em;cursor:pointer}
button.btn_frmline2 {font-size:1em;cursor:pointer}
.btn_win {clear:both;margin-bottom:20px;text-align:center} /* 새창용 */ .btn_win {clear:both;margin-bottom:20px;text-align:center} /* 새창용 */
.btn_win a, .btn_win a, .btn_win button {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:2em;cursor:pointer}
.btn_win button {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:2em;cursor:pointer} .btn_win a:focus, .btn_win a:hover {text-decoration:none}
.btn_win a:focus,
.btn_win a:hover {text-decoration:none}
/* 게시판용 버튼 */ /* 게시판용 버튼 */
.btn_b01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle} .btn_b01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle}
.btn_b01:focus, .btn_b01:focus, .btn_b01:hover {text-decoration:none !important}
.btn_b01:hover {text-decoration:none !important}
.btn_b02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle} .btn_b02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle}
.btn_b02:focus, .btn_b02:focus, .btn_b02:hover {text-decoration:none !important}
.btn_b02:hover {text-decoration:none !important}
.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c !important;background:#e8180c !important;color:#fff !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */ .btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c !important;background:#e8180c !important;color:#fff !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:focus, .btn_admin:focus, .btn_admin:hover {text-decoration:none !important}
.btn_admin:hover {text-decoration:none !important}
/* 기본테이블 */ /* 기본테이블 */
.basic_tbl {margin-bottom:10px;width:100%;border-collapse:collapse;border-spacing:0} .basic_tbl {margin-bottom:10px;width:100%;border-collapse:collapse;border-spacing:0}
@ -314,25 +307,18 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
.sv_wrap {display:inline-block;position:relative;font-weight:normal} .sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111}
.sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:3px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important} .sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:3px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important}
.sv_wrap a:hover,
.sv_wrap a:active {text-decoration:none !important}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important} .sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important}
.sv_nojs .sv {display:block} .sv_nojs .sv {display:block}
/* pagination */ /* pagination */
.pg_wrap {clear:both;margin:0 0 20px;padding-top:20px;text-align:center} .pg_wrap {clear:both;margin:0 0 20px;padding-top:20px;text-align:center}
.pg {display:inline-block;border:1px solid #cfded8;letter-spacing:-4px} .pg {display:inline-block;border:1px solid #cfded8;letter-spacing:-4px}
.pg a:focus, .pg a:focus, .pg a:hover, .pg a:active {text-decoration:none}
.pg a:hover, .pg_page, .pg_current {display:inline-block;padding:0 12px;height:30px;color:#000;letter-spacing:0;line-height:2.6em;vertical-align:middle}
.pg a:active {text-decoration:none}
.pg_page,
.pg_current {display:inline-block;padding:0 12px;height:30px;color:#000;letter-spacing:0;line-height:2.6em;vertical-align:middle}
.pg_page {background:#f9f9f9;text-decoration:none} .pg_page {background:#f9f9f9;text-decoration:none}
.pg_start, .pg_start, .pg_prev {border-right:1px solid #cfded8}
.pg_prev {border-right:1px solid #cfded8} .pg_end, .pg_next {border-left:1px solid #cfded8}
.pg_end,
.pg_next {border-left:1px solid #cfded8}
.pg_current {background:#333;color:#fff;font-weight:bold} .pg_current {background:#333;color:#fff;font-weight:bold}
/* ########## 쇼핑몰 컨텐츠 ########## */ /* ########## 쇼핑몰 컨텐츠 ########## */
@ -664,6 +650,9 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
#sod_frm {} #sod_frm {}
#sod_frm h2 {margin:0 0 10px} #sod_frm h2 {margin:0 0 10px}
#sod_list {position:relative}
#sod_list #it_coupon_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f5f6fa;overflow-y:scroll}
#sod_frm_orderer {margin:20px 0 40px} #sod_frm_orderer {margin:20px 0 40px}
#sod_frm_same {margin:0 0 10px} #sod_frm_same {margin:0 0 10px}

View File

@ -222,8 +222,6 @@ $(function() {
var $this = $(this); var $this = $(this);
close_btn_idx = $(".mod_options").index($(this)); close_btn_idx = $(".mod_options").index($(this));
winMask(); // 모달 윈도우 배경 출력
$.post( $.post(
"./cartoption.php", "./cartoption.php",
{ it_id: it_id }, { it_id: it_id },

View File

@ -112,7 +112,7 @@ setTimeout("init_pay_button();",300);
<form name="forderform" method="post" action="<?php echo $order_action_url; ?>" onsubmit="return forderform_check(this);" autocomplete="off"> <form name="forderform" method="post" action="<?php echo $order_action_url; ?>" onsubmit="return forderform_check(this);" autocomplete="off">
<div id="sod_frm"> <div id="sod_frm">
<p>주문하실 상품을 확인하세요.</p> <p>주문하실 상품을 확인하세요.</p>
<table class="basic_tbl"> <table id="sod_list" class="basic_tbl">
<thead> <thead>
<tr> <tr>
<th scope="col">상품이미지</th> <th scope="col">상품이미지</th>
@ -217,7 +217,7 @@ setTimeout("init_pay_button();",300);
$cp = sql_fetch($sql); $cp = sql_fetch($sql);
if($cp['cnt']) if($cp['cnt'])
$cp_button = '<button type="button" class="it_coupon_btn">적용</button>'; $cp_button = '<button type="button" class="it_coupon_btn btn_frmline">적용</button>';
} }
?> ?>
@ -233,7 +233,7 @@ setTimeout("init_pay_button();",300);
</td> </td>
<td class="td_num"><?php echo number_format($sum['qty']); ?></td> <td class="td_num"><?php echo number_format($sum['qty']); ?></td>
<td class="td_bignum"><?php echo number_format($row['ct_price']); ?></td> <td class="td_bignum"><?php echo number_format($row['ct_price']); ?></td>
<td><?php echo $cp_button; ?></td> <td class="td_smallmng"><?php echo $cp_button; ?></td>
<td class="td_bignum"><span class="ct_sell_amount"><?php echo number_format($sell_amount); ?></span></td> <td class="td_bignum"><span class="ct_sell_amount"><?php echo number_format($sell_amount); ?></span></td>
<td class="td_bignum"><?php echo number_format($point); ?></td> <td class="td_bignum"><?php echo number_format($point); ?></td>
</tr> </tr>

View File

@ -42,45 +42,54 @@ $count = mysql_num_rows($result);
<div id="it_coupon_frm"> <div id="it_coupon_frm">
<?php if($count > 0) { ?> <?php if($count > 0) { ?>
<ul> <table class="basic_tbl">
<li> <caption>쿠폰 선택</caption>
<span>쿠폰명</span> <colgroup>
<span>할인금액</span> </colgroup>
<span>적용</span> <thead>
</li> <tr>
<?php <th scope="col">쿠폰명</th>
for($i=0; $row=sql_fetch_array($result); $i++) { <th scope="col">할인금액</th>
$dc = 0; <th scope="col">적용</th>
if($row['cp_type']) { </tr>
$dc = floor(($item_price * ($row['cp_amount'] / 100)) / $row['cp_trunc']) * $row['cp_trunc']; </thead>
} else { <tbody>
$dc = $row['cp_amount']; <?php
} for($i=0; $row=sql_fetch_array($result); $i++) {
$dc = 0;
if($row['cp_type']) {
$dc = floor(($item_price * ($row['cp_amount'] / 100)) / $row['cp_trunc']) * $row['cp_trunc'];
} else {
$dc = $row['cp_amount'];
}
if($row['cp_maximum'] && $dc > $row['cp_maximum']) if($row['cp_maximum'] && $dc > $row['cp_maximum'])
$dc = $row['cp_maximum']; $dc = $row['cp_maximum'];
?> ?>
<li> <tr>
<td>
<input type="hidden" name="f_cp_id[]" value="<?php echo $row['cp_id']; ?>"> <input type="hidden" name="f_cp_id[]" value="<?php echo $row['cp_id']; ?>">
<input type="hidden" name="f_cp_amt[]" value="<?php echo $dc; ?>"> <input type="hidden" name="f_cp_amt[]" value="<?php echo $dc; ?>">
<input type="hidden" name="f_cp_subj[]" value="<?php echo $row['cp_subject']; ?>"> <input type="hidden" name="f_cp_subj[]" value="<?php echo $row['cp_subject']; ?>">
<span><?php echo get_text($row['cp_subject']); ?></span> <span><?php echo get_text($row['cp_subject']); ?></span>
<span><?php echo number_format($dc); ?></span> </td>
<span><button type="button" class="cp_apply">적용</button></span> <td class="td_bignum"><?php echo number_format($dc); ?></td>
</li> <td class="td_smallmng"><button type="button" class="cp_apply btn_frmline">적용</button></td>
<?php </tr>
} <?php
?> }
</ul> ?>
</tbody>
</table>
<?php <?php
} else { } else {
echo '사용할 수 있는 쿠폰이 없습니다.'; echo '사용할 수 있는 쿠폰이 없습니다.';
} }
?> ?>
<div> <div class="btn_confirm">
<button type="button" id="it_coupon_close">닫기</button> <button type="button" id="it_coupon_close" class="btn_submit">닫기</button>
<?php if($count > 0) { ?> <?php if($count > 0) { ?>
<button type="button" id="it_coupon_cancel">쿠폰적용취소</button> <button type="button" id="it_coupon_cancel" class="btn_cancel">쿠폰적용취소</button>
<?php } ?> <?php } ?>
</div> </div>
</div> </div>