-
Notifications
You must be signed in to change notification settings - Fork 6
/
search.html
415 lines (379 loc) · 18.6 KB
/
search.html
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
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
<!DOCTYPE html>
{% load static %}
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>INU Kurly</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/common.css">
<!-- common.css : header, footer 메인 페이지 -->
<link rel="stylesheet" href="css/search.css">
<!-- search.css : 검색 페이지 -->
<script defer src="js/common.js"></script>
<script defer src="js/contents.js"></script>
<script defer src="js/search.js"></script>
<SCRIPT LANGUAGE="JavaScript">
// if (top.document.location.search != "?mobile") {
// var strGoto = "main_mobile.html";
// var str = window.navigator.userAgent.toLowerCase();
// if (/iphone/.test(str) || /android/.test(str) || /opera/.test(str) || /bada/.test(str) || /iemobile/.test(str) || /lgtelecom/.test(str) || /ppc/.test(str) || /sonyericsson/.test(str) || /sonyericsson/.test(str) || /blackberry/.test(str)) {
// top.document.location.replace(strGoto);
// }
// }
</SCRIPT>
</head>
<body>
<div id="wrap">
<div id="main">
<div id="content">
<div id="qnb" class="quick-navition">
<div class="bnr_qnb" id="brnQuick">
<a href="/shop/event/kurlyEvent.php?htmid=event/2021/0115/newyearsday" id="brnQuickObj">
<img class="thumb" src="https://res.kurly.com/pc/service/main/2101/bnr_quick.png" alt="2021 설 선물">
</a>
</div>
<div class="side_menu">
<a href="#" class="link_menu">등급별 혜택</a>
<a href="#" class="link_menu">레시피</a>
<a href="#" class="link_menu">베스트 후기</a>
</div>
</div>
<div class="top_btn">
<button id="go-top" alt="맨 위로가기"></button>
</div>
<div class="page_aticle page_search">
<form name="frmList" onsubmit="return searchTracking(this)">
<input type="hidden" name="searched" value="Y"> <!--먼지 모르겠음-->
<div class="search_box">
<div class="tit">
<label label for="sword">검색 조건</label>
</div>
<div class="desc">
<input type="text" name="sword" id="sword" class="inp" value="">
<input type="submit" class="styled-button btn_search" value="검색하기">
</div>
</div>
</form>
<div id="goodsList" class="page_section section_goodslist">
<p class="search_result">
<strong class="emph">총 <span></span> 개</strong>의 상품이 검색되었습니다.
</p>
<div class="list_goods">
<div class="inner_listgoods">
<ul class="list">
<li>
<div class="item">
<div class="thumb">
<a class="img" style="background-image: url('https://img-cf.kurly.com/shop/data/goods/1530172373295l0.jpg');">
<span class="global_sticker">
<span class="inner_sticker">
<span class="bg_sticker" style="background-color: rgb(189, 118, 255); opacity: 0.9;"></span>
<span class="txt_sticker">
<span>
<span class="emph_sticker">농할쿠폰20%</span>
</span>
</span>
</span>
</span>
<img src="https://img-cf.kurly.com/shop/data/goods/1530172373295l0.jpg" alt="믿고 먹을 수 있는 상품을 합리적인 가격에, KF365" width="308" height="396">
</a>
<div class="group_btn">
<button type="button" class="btn btn_cart2">
<span class="blind"></span>
</button>
</div>
</div>
<a class="info">
<span class="name">[KF365] 감자 1kg</span>
<span class="cost">
<span class="price">2,500</span>
<span class="won">원</span>
<input type="hidden" value="2500" class="value"> <!-- 백앤드에서 상품가격 value 에 넣어줘야됨-->
</span>
<span class="desc">맛있는 감자에요</span>
<span class="tag"></span>
</a>
</div>
</li>
<li>
<div class="item">
<div class="thumb">
<a class="img" style="background-image: url('https://img-cf.kurly.com/shop/data/goods/1530172373295l0.jpg');">
<span class="global_sticker">
<span class="inner_sticker">
<span class="bg_sticker" style="background-color: rgb(189, 118, 255); opacity: 0.9;"></span>
<span class="txt_sticker">
<span>
<span class="emph_sticker">농할쿠폰20%</span>
</span>
</span>
</span>
</span>
<img src="https://img-cf.kurly.com/shop/data/goods/1530172373295l0.jpg" alt="믿고 먹을 수 있는 상품을 합리적인 가격에, KF365" width="308" height="396">
</a>
<div class="group_btn">
<button type="button" class="btn btn_cart2">
<span class="blind"></span>
</button>
</div>
</div>
<a class="info">
<span class="name">[KF365] 고구마 1kg</span>
<span class="cost">
<span class="price">3,000</span>
<span class="won">원</span>
<input type="hidden" value="3000" class="value"> <!-- 백앤드에서 상품가격 value 에 넣어줘야됨-->
</span>
<span class="desc">몸에 좋은 고구마</span>
<span class="tag"></span>
</a>
</div>
</li>
<li>
<div class="item">
<div class="thumb">
<a class="img" style="background-image: url('https://img-cf.kurly.com/shop/data/goods/1530172373295l0.jpg');">
<span class="global_sticker">
<span class="inner_sticker">
<span class="bg_sticker" style="background-color: rgb(189, 118, 255); opacity: 0.9;"></span>
<span class="txt_sticker">
<span>
<span class="emph_sticker">농할쿠폰20%</span>
</span>
</span>
</span>
</span>
<img src="https://img-cf.kurly.com/shop/data/goods/1530172373295l0.jpg" alt="믿고 먹을 수 있는 상품을 합리적인 가격에, KF365" width="308" height="396">
</a>
<div class="group_btn">
<button type="button" value = "1" class="btn btn_cart2"> <!-- 여기에 프러덕트 아이디 적어주삼-->
<span class="blind"></span>
</button>
</div>
</div>
<a class="info">
<span class="name">수박</span>
<span class="cost">
<span class="price">10,000</span>
<span class="won">원</span>
<input type="hidden" value="10000" class="value"> <!-- 백앤드에서 상품가격 value 에 넣어줘야됨-->
</span>
<span class="desc">여름엔 수박이지</span>
<span class="tag"></span>
</a>
</div>
</li>
</ul>
</div>
</div>
<div class="layout-pagination">
<div class="pagediv">
<a href="#main" class="layout-pagination-button layout-pagination-first-page">맨 처음 페이지로 가기</a>
<a href="#main" class="layout-pagination-button layout-pagination-prev-page">이전 페이지로 가기</a>
<span>
<strong class="layout-pagination-button layout-pagination-number active">1</strong>
<!-- active 클래스가 붙어있을 때 -->
</span>
<a href="#main" class="layout-pagination-button layout-pagination-next-page">다음 페이지로 가기</a>
<a href="#main" class="layout-pagination-button layout-pagination-last-page">맨 끝 페이지로 가기</a>
</div>
</div>
</div>
</div>
<div class="bg_loading" id="bgLoading">
<div class="loading_show"></div>
</div>
</div>
</div>
<div id="footer">
<div class="inner_footer">
<div class="cc_footer">
<!-- cc = company calls -->
<h2 class="cc_tit">고객행복센터</h2>
<div class="cc_view cc_call">
<h3>
<span class="tit">1644-1107</span>
</h3>
<dl class="list">
<dt>365고객센터</dt>
<dd>오전 7시 - 오후 7시</dd>
</dl>
</div>
<div class="cc_view cc_kakao">
<h3>
<a href="#" class="tit">카카오톡 문의</a>
</h3>
<dl class="list">
<dt>365고객센터</dt>
<dd>오전 7시 - 오후 7시</dd>
</dl>
</div>
<div class="cc_view cc_qna">
<h3>
<a href="#" class="tit">1:1 문의</a>
</h3>
<dl class="list">
<dt>24시간 접수 가능</dt>
<dd>고객센터 운영시간에 순차적으로 답변해드리겠습니다.</dd>
</dl>
</div>
</div>
<div class="company_info">
<ul class="list">
<li>
<a href="#" class="link">컬리소개</a>
</li>
<li>
<a href="#" class="link">컬리소개영상</a>
</li>
<li>
<a href="#" class="link">인재채용</a>
</li>
<li>
<a href="#" class="link">이용약관</a>
</li>
<li>
<a href="#" class="link">개인정보처리방침</a>
</li>
<li>
<a href="#" class="link">이용안내</a>
</li>
</ul>
<div class="spec_info">
법인명 (상호) : 주식회사 컬리
<span class="bar">I</span>
사업자등록번호 : 000-00-0000
<a href="#" class="link">사업자정보확인</a><br>
통신판매업 : 제 2018-서울강남-00000 호
<span class="bar">I</span>
개인정보보호책임자 : 000 <br>
주소 : 서울시 도산대로 16길 20, 이래빌딩 B1 ~ 4F
<span class="bar">I</span>
대표이사 : 000 <br>
입점문의 : <a href="#" class="link">입점문의하기</a>
제휴문의 : <a href="#" class="link">[email protected]</a><br>
채용문의 : <a href="#" class="link">[email protected]</a><br>
팩스 : 000 - 0000 - 0000
<span class="bar">I</span>
이메일 : <a href="#" class="link">[email protected]</a><br>
<br>
<strong class="copy">© KURLY CORP. ALL RIGHTS RESERVED</strong>
<ul class="sns">
<li>
<a href="#" class="link_sns insta" target="_blank">
<img src="https://res.kurly.com/pc/ico/1810/ico_instagram.png" alt="마켓컬리 인스타그램 바로가기">
</a>
<!-- bg url 넣기 -->
</li>
<li>
<a href="#" class="link_sns fb" target="_blank">
<img src="https://res.kurly.com/pc/ico/1810/ico_fb.png" alt="마켓컬리 페이스북 바로가기">
</a>
</li>
<li>
<a href="#" class="link_sns naver_blog" target="_blank">
<img src="https://res.kurly.com/pc/ico/1810/ico_blog.png" alt="마켓컬리 네이버블로그 바로가기">
</a>
</li>
<li>
<a href="#" class="link_sns naver_post" target="_blank">
<img src="https://res.kurly.com/pc/ico/1810/ico_naverpost.png" alt="마켓컬리 포스트 바로가기">
</a>
</li>
<li>
<a href="#" class="link_sns yt" target="_blank">
<img src="https://res.kurly.com/pc/ico/1810/ico_youtube.png" alt="마켓컬리 유튜브 바로가기">
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="link_footer">
<div class="authentication">
<a href="#" class="mark" target="_blank">
<img src="https://res.kurly.com/pc/ico/2001/logo_isms.png" alt="isms 로고" class="logo">
<p class="txt">
[인증범위] 마켓컬리 쇼핑몰 서비스 개발 · 운영<br>
[유효기간] 2019.04.01 ~ 2022.03.31
</p>
</a>
<a href="#" class="mark" target="_blank">
<img src="https://res.kurly.com/pc/ico/2001/logo_eprivacyplus.png" alt="eprivacy plus 로고" class="logo">
<p class="txt">
개인정보보호 우수 웹사이트 ·<br>
개인정보처리시스템 인증 (ePRIVACY PLUS)
</p>
</a>
<a href="#" class="lguplus mark" target="_blank">
<img src="https://res.kurly.com/pc/service/main/2009/logo_payments.png" alt="payments 로고" class="logo">
<p class="txt">
고객님의 안전거래를 위해 현금 등으로 결제 시 저희 쇼핑몰에서 가입한<br>
토스 페이먼츠 구매안전(에스크로) 서비스를 이용하실 수 있습니다.
</p>
</a>
</div>
</div>
</div>
<!-- id="footer" -->
</div>
<!-- id="wrap"-->
<div id="cartPut">
<div id="" class="cart_option cartList cart_type1">
<form action mathod="POST" id="contactsForm">
<input type="hidden" name="csrfmiddlewaretoken" value="fkidl2oy2p7Xpln3vWOCFlPAhMgvR0xmy3Mf32y7nuXxgRiF4vloOp7sYJkeOFy7">
<div class="inner_option">
<button type="button" class="btn_close1">레이어닫기</button>
<!-- <strong class="tit_cart">[퀸나] 티파니 에어프라이어 2.3L 2종 QN-AF23W</strong> -->
<div class="in_option">
<div class="list_goods">
<ul class="list list_nopackage"> <!--그냥 list와 list_nopackage로 나뉨-->
<li class="on">
<span class="name">[KF365] 감자 1kg</span>
<div class="option">
<span class="count">
<button type="button" class="btn down on">수량내리기</button>
<input type="text" readonly="readonly" class="inp" value = 1>
<button type="button" class="btn up on">수량올리기</button>
</span>
<span class="price">
<span class="dc_price">2,500원</span>
</span>
</div>
</li>
</ul>
</div>
<div class="total">
<div class="price">
<strong class="tit">합계</strong>
<span class="sum">
<span class="num">2,500</span>
<span class="won">원</span>
</span>
</div>
<p class="txt_point">
<span class="ico">적립</span>
<span class="no_login hide"> <!--로그인 안된 상태(기본), 로그인 후엔 hide 클래스 추가-->
<span>로그인 후, 적립혜택 제공</span>
</span>
<span class="point show">구매 시 <!--로그인 되었을 때 show 클래스 추가-->
<strong class="emph"></strong>
</span>
</p>
</div>
</div>
<div class="group_btn off layer_btn2">
<span class="btn_type2">
<button type="button" class="txt_type">취소</button>
</span>
<span class="btn_type1">
<button type="button" value = "9" class="txt_type">장바구니 담기</button>
</span>
</div>
</div>
</form>
</div>
</div>
<!-- id="cartPut" -->
</body>