1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
|
<?php
include_once("./_common.php");
include_once($j3_shopm_path."/shop_header.php");
?>
<div id="wrap">
<div id="container"><!-- class="mt50"-->
<h1 class="p15_0 align_c">주문서작성</h1>
<!-- 상품내역 -->
<section class="pb15 p0_10 gray_line_b2">
<h3 class="pb10 txt14 black_line_b">상품내역</h3>
<!-- 상품1개 -->
<table class="width_full txt13 align_l gray_line_b">
<colgroup>
<col class="width100"><col>
</colgroup>
<tbody>
<tr>
<td class="p7_0 align_c"><img src="http://shop.mjsoft.co/j3/hjwcs3/data/product/17/17_pic1_285_285" alt="제품이미지" class="width80"></td>
<td class="p7_0 txt15 bold valign_t">(롯데) 시원해(사이다) * 6</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2" class="p7_0 p0_10 bg_gray">
<p class="gray txt13 l_height19">(추가)코스타리카 엘 그레시아 네추럴(+15,000)</p>
<p class="gray txt13 l_height19">(추가)모던 핸드밀 2(+6,650)</p>
<p class="gray txt13 l_height19">(옵션)과테말라 후에후에 테낭고(+10,000)</p>
</td>
</tr>
<tr>
<td colspan="2" class="p0_10 txt12 bg_gray"><em class="txt17 bold">46,650</em>원 (<em class="txt14 bold">4</em>개)</td>
</tr>
<tr>
<td colspan="2" class="p0_10 txt13 bg_gray l_height32">
<span>배송비 : <em class="txt14 bold">금액에 따른 차등</em></span>
<span class="float_r">포인트 : <em class="txt15 bold">0</em></span>
</td>
</tr>
</tfoot>
</table>
<!-- //상품1개 -->
</section>
<!-- //상품내역 -->
<!-- 결제액 -->
<section class="gray_line_b2 separate_line">
<h3 class="p0_10 txt14 l_height35 gray_line_b2">상품합계</h3>
<table class="m10_0 float_c width_96 txt14 l_height24">
<colgroup>
<col class="width_30"><col class="width_70">
</colgroup>
<tr>
<th class="pl10 gray3 align_l">총 상품금액</th>
<td class="pr10 align_r"><em class="custom1 txt17 bold">28,900</em>원</td>
</tr>
<tr>
<th class="pl10 gray3 align_l">배송비</th>
<td class="pr10 align_r"><em class="black txt17 bold">2,500</em>원</td>
</tr>
<tr>
<th class="pl10 gray3 align_l l_height35 bg_gray">결제금액</th>
<td class="pr10 align_r l_height35 bg_gray"><em class="red txt17 bold">31,000</em>원</td>
</tr>
</table>
</section>
<!-- //결제액 -->
<!-- 배송지정보 -->
<section class="gray_line_b2 separate_line">
<h3 class="p0_10 txt14 l_height35 gray_line_b2">배송지정보</h3>
<div class="p5_0 p0_10">
<dl class="mb5">
<dt class="height24 txt14 align_l bold l_height24">배송지선택</dt>
<dd class="float_l mr10"><input type="radio" id="addr_same" class="mr5 box17"><label for="addr_same" class="txt14">주문자와 동일</label></dd>
<dd class="float_l mr10"><input type="radio" id="addr_new" class="mr5 box17"><label for="addr_new" class="txt14">신규배송지</label></dd>
<dd><input type="button" value="배송지목록" class="p0_10 height24 txt14 bold l_height24 gray_line bg_white"></dd>
</dl>
<dl class="mb5">
<dt class="height24 txt14 align_l bold l_height24">배송지명</dt>
<dd><input type="text" class="pl10 width_96 height35 gray_line"></dd>
<dd class="mt3"><input type="checkbox" id="ad_default" class="mr5 box17"><label for="ad_default" class="txt14">배송지목록 추가</label></dd>
</dl>
<dl class="mb5">
<dt class="height24 txt14 align_l bold l_height24"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/mobile/ico_join.png" alt="필수" class="height24">이름</dt>
<dd><input type="text" class="pl10 width_96 height35 gray_line"></dd>
</dl>
<dl class="mb5">
<dt class="height24 txt14 align_l bold l_height24"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/mobile/ico_join.png" alt="필수" class="height24">전화번호</dt>
<dd><input type="text" class="pl10 width_96 height35 gray_line"></dd>
</dl>
<dl class="mb5">
<dt class="height24 txt14 align_l bold l_height24"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/mobile/ico_join.png" alt="필수" class="height24">휴대폰번호</dt>
<dd><input type="text" class="pl10 width_96 height35 gray_line"></dd>
</dl>
<dl class="mb5">
<dt class="height24 txt14 align_l bold l_height24"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/mobile/ico_join.png" alt="필수" class="height24">주소</dt>
<dd>
<p class="mb5"><input type="text" placeholder="우편번호" class="mr5 pl10 width_70 height35 bg_gray gray_line"><input type="button" value="주소검색" class="mt_1 width_quarter height37 white align_c bg_custom2 none_line"></p>
<p class="mb5"><input type="text" placeholder="기본주소" class="pl10 width_96 height35 gray_line"></p>
<p><input type="text" placeholder="상세주소" class="pl10 width_96 height35 gray_line"></p>
</dd>
</dl>
<dl>
<dt class="height24 txt14 align_l bold l_height24">배송메모</dt>
<dd><textarea class="pl10 width_96 height80 gray_line"></textarea></dd>
</dl>
</div>
<p class="p0_10 mb5 custom2 txt12"><span class="mr5 block float_l box14 circle white align_c bold bg_custom2">!</span>2016년 8월 1일부터는 5자리 우편번호 사용이 의무화됩니다. 이용에 불편함이 없도록 하시길 바랍니다.</p>
<p class="p0_10 mb10 custom2 txt12"><span class="mr5 block float_l box14 circle white align_c bold bg_custom2">!</span>도서산간 지역의 경우 배송비가 추가 과금될 수 있습니다.</p>
</section>
<!-- //배송지정보 -->
<!-- 구매할인 -->
<section class="gray_line_b2 separate_line">
<h3 class="p0_10 txt14 l_height35 gray_line_b2">할인 및 포인트</h3>
<table class="m10_0 float_c width_96 txt14 l_height24">
<colgroup>
<col class="width_triple"><col class="width_66">
</colgroup>
<tbody>
<tr>
<th scope="row" class="p5_0 align_l">상품/거래처할인</th>
<td class="p5_0"><input type="text" placeholder="0" class="pr10 width_96 height35 align_r gray_line" value="400"></td>
</tr>
<tr>
<th scope="row" class="p5_0 align_l">포인트</th>
<td class="p5_0"><input type="text" placeholder="0" class="pr10 width_96 height35 align_r gray_line"></td>
</tr>
<tr>
<td colspan="2" class="gray txt13">(사용가능 포인트 : <span class="custom2 bold">749</span>점) 최대 <span class="custom1 bold">700</span>점까지 사용가능</td>
</tr>
</tbody>
</table>
</section>
<!-- //구매할인 -->
<!-- 최종결제금액 -->
<section class="gray_line_b2 separate_line">
<h3 class="p0_10 txt14 l_height35 gray_line_b2">최종결제금액</h3>
<table class="m10_0 float_c width_96 txt14 l_height24">
<colgroup>
<col class="width_30"><col class="width_70">
</colgroup>
<tbody>
<tr>
<th class="pl10 gray3 align_l l_height35 bg_gray">결제금액</th>
<td class="pr10 align_r l_height35 bg_gray"><em class="red txt17 bold">31,000</em>원</td>
</tr>
</tbody>
<tfoot>
<tr>
<th class="pl10 gray3 align_l">총 상품금액</th>
<td class="pr10 align_r"><em class="gray txt15 bold">28,900</em>원</td>
</tr>
<tr>
<th class="pl10 gray3 align_l">배송비</th>
<td class="pr10 align_r">(+) <em class="gray txt15 bold">2,500</em>원</td>
</tr>
<tr>
<th class="pl10 gray3 align_l">포인트</th>
<td class="pr10 align_r">(-) <em class="gray txt15 bold">400</em>원</td>
</tr>
</tfoot>
</table>
</section>
<!-- //최종결제금액 -->
<!-- 결제정보 -->
<section class="gray_line_b2 separate_line">
<h3 class="p0_10 txt14 l_height35 gray_line_b2">결제정보</h3>
<!--탭메뉴-->
<div class="m10_0 m0_10 gray_line">
<div class="tab_navi mb10">
<a value='1' class="on in_block width_25 height30 align_c gray_line_r gray_line_b bg_white"><span class="txt13 l_height30">무통장입금</span></a><a value='2' class="in_block width_25 height30 align_c gray_line_r gray_line_b bg_gray"><span class="txt13 l_height30">신용카드</span></a><a value='3' class="in_block width_25 height30 align_c gray_line_r gray_line_b bg_gray"><span class="txt13 l_height30">계좌이체</span></a><a value='4' class="in_block width_25 height30 align_c gray_line_b bg_gray"><span class="txt13 l_height30">가상계좌</span></a>
</div>
<div class="tab_cont mb10">
<div class="span_class mt_1" id="tab1" style="display:block;">
<h4 class="screen_out">무통장입금</h4>
<table class="float_c width_96 txt14 l_height24">
<colgroup>
<col class="width_quarter"><col class="width_70">
</colgroup>
<tbody>
<tr>
<th scope="row" class="p5_0 align_l">입금은행</th>
<td class="p5_0">
<select id="opt" title="옵션선택" class="width_96 height30 gray3 gray_line">
<option value=''> 선택 </option>
<option value=''>우리은행 1002-123-778899</option>
<option value=''>국민은행 102-12-778-8899</option>
</select>
</td>
</tr>
<tr>
<th scope="row" class="p5_0 align_l">입금자명 </th>
<td class="p5_0"><input type="text" placeholder="0" class="pr12 width_90 height26 align_r gray_line"></td>
</tr>
</tbody>
</table>
</div>
<div class="span_class" id="tab2" style="display:none;">
<h4 class="screen_out">신용카드</h4>
</div>
<div class="span_class" id="tab3" style="display:none;">
<h4 class="screen_out">계좌이체</h4>
</div>
<div class="span_class" id="tab4" style="display:none;">
<h4 class="screen_out">가상계좌</h4>
</div>
</div><!--//tab_cont-->
<script>
$(function(){
$(".tab_navi a").click(function () {
var tab_id = $(this).attr("value");
$(".tab_cont .span_class").hide();
$(".tab_cont #tab"+tab_id).show();
});
if('<?php echo $_GET['tab_cont']?>'!=''){
show_next_tab('<?php echo $_GET['tab_cont']?>');
}
$(".tab_navi a").click(function(){
$(".tab_navi a").removeClass("on");
$(this).addClass("on").css("border-bottom","1px solid #fff");
});
});
function show_next_tab(v){
$(".tab_cont .span_class").hide();
$(".tab_cont #tab"+v).show();
$("html,body").animate({scrollTop:0},100);
}
</script>
</div>
<!--//탭메뉴-->
</section>
<!-- //결제정보 -->
<section class="p15_0 p0_10 height35 bg_gray">
<input type="submit" value="주문하기" class="float_l mr5 width_49 height37 white txt15 l_height37 none_line bg_custom3 pointer"/>
<input type="submit" value="취소" class="float_l width_49 height37 txt15 l_height35 gray_line4 bg_white pointer"/>
</section>
</div><!-- #container -->
<?php
skin_module_show("footer"); // 하단 스킨을 불러온다.
?>
</div><!-- #wrap -->
</body>
</html>
|