firstgarden/firstgarden-web-gnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

모바일쇼핑몰: #327 검색 페이지 마크업 및 스타일 수정

Browse Source
This commit is contained in:
whitedot
2013-11-21 11:53:53 +09:00
parent 2e4b9127b9
commit 013eda47ab
4 changed files with 61 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/default_shop.css
View File

@ -817,7 +817,7 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
#ssch_frm {padding:20px;border:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#ssch_frm:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm div {margin:0 0 5px}
#ssch_frm strong {display:inline-block;width:100px}
#ssch_frm strong, #ssch_frm .ssch_lbl {display:inline-block;width:100px;font-weight:bold}
#ssch_frm .frm_input {background:#fff}
#ssch_frm .btn_submit {height:21px}
#ssch_frm p {margin:10px 0 0;border-top:1px solid #e9e9e9}

59
css/mobile_shop.css
View File

@ -49,7 +49,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
#ft_to_top {display:block;margin:10px 0 20px}
/* 목록 바로가기 */
.sanchor {margin:0 0 5px;padding:0;zoom:1}
.sanchor {margin:0 0 5px;padding:0}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;margin-left:-1px;list-style:none}
.sanchor a {display:inline-block;padding:10px;border:1px solid #e9e9e9;background:#f0f1f2;text-decoration:none}
@ -81,7 +81,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
/* 상품 목록 카테고리 목록 */
.sct_ct {}
.sct_ct h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sct_ct ul {margin:0 0 10px;padding:10px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
.sct_ct ul {margin:0 0 10px;padding:10px;border-bottom:1px solid #e9e9e9;list-style:none}
.sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
.sct_ct a {text-decoration:none}
.sct_ct_parent {font-weight:bold}
@ -93,16 +93,16 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#sct_ct_3 li {float:left;margin:0 10px 10px 0;width:120px}
/* 상품 정렬 */
#sct_sort {float:left;margin:10px 0;zoom:1}
#sct_sort {float:left;margin:10px 0}
#sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sct_sort ul {margin:0;padding:0;list-style:none;zoom:1}
#sct_sort ul {margin:0;padding:0;list-style:none}
#sct_sort ul:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort li {float:left;position:relative;margin-left:-1px}
#sct_sort .btn01 {font-size:0.75em}
/* 상품 리스트 스타일 선택 */
#sct_lst {float:right;margin:10px 0;padding:0;list-style:none;zoom:1}
#sct_lst {float:right;margin:10px 0;padding:0;list-style:none}
#sct_lst:after {display:block;visibility:hidden;clear:both;content:""}
#sct_lst li {position:relative;float:left;margin:0 0 0 -1px}
#sct_lst button {position:relative;margin:0 0 0 -1px;padding:0;width:25px;height:25px;border:1px solid #ccc}
@ -118,7 +118,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
.sit_empty {padding:30px 0;text-align:center}
/* 상품 상세보기 - 개요 */
#sit_ov_wrap {margin:0 0 20px;border-bottom:1px solid #e9e9e9;zoom:1}
#sit_ov_wrap {margin:0 0 20px;border-bottom:1px solid #e9e9e9}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}
/* 상품 상세보기 - 이미지 미리보기 */
@ -136,7 +136,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#sit_pvi_nwbig {padding:10px 0;text-align:center}
#sit_pvi_nwbig span {display:none}
#sit_pvi_nwbig span.visible {display:inline}
#sit_pvi_nw ul {margin:0 0 15px;padding:0 10px;list-style:none;zoom:1}
#sit_pvi_nw ul {margin:0 0 15px;padding:0 10px;list-style:none}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_nw li {float:left;margin:0 0 0 1px}
#sit_pvi_nw li img {width:60px;height:60px}
@ -219,7 +219,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
.sit_use_li {position:relative;padding:0 0 10px;border-bottom:1px solid #e9e9e9;background:#f2f5f9}
.sit_use_li_title {display:block;margin:0;padding:10px;width:100%;border:0;background:transparent;text-align:left}
.sit_use_dl {margin:0;padding:0 10px;zoom:1}
.sit_use_dl {margin:0;padding:0 10px}
.sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_dl dt {float:left;margin:3px 0 0}
.sit_use_dl dd {float:left;margin:3px 15px 0 3px}
@ -240,7 +240,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
.sit_qa_li {position:relative;padding:0 0 10px;border-bottom:1px solid #e9e9e9;background:#f2f5f9}
.sit_qa_li_title {display:block;margin:0;padding:10px;width:100%;border:0;background:transparent;text-align:left}
.sit_qa_dl {margin:0;padding:0 10px;zoom:1}
.sit_qa_dl {margin:0;padding:0 10px}
.sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_qa_dl dt {float:left}
.sit_qa_dl dd {float:left;margin:0 15px 0 5px}
@ -285,7 +285,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
.sps_img {float:left;width:25%}
.sps_img span {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sps dl {margin:5px 0 10px;zoom:1}
#sps dl {margin:5px 0 10px}
#sps dl:after {display:block;visibility:hidden;clear:both;content:""}
#sps dt {float:left;margin:0 0 5px}
#sps dd {float:left;margin:0 15px 5px 5px}
@ -310,7 +310,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
.sqa_img {float:left;width:25%}
.sqa_img span {position:absolute;font-size:0;line-height:0}
#sqa dl {margin:5px 0 10px;zoom:1}
#sqa dl {margin:5px 0 10px}
#sqa dl:after {display:block;visibility:hidden;clear:both;content:""}
#sqa dt {float:left;margin:0 0 5px}
#sqa dd {float:left;margin:0 15px 5px 5px}
@ -328,7 +328,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#smb_my_ov {margin:0 0 20px}
#smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#smb_my_ov dl {margin:0;border-top:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#smb_my_ov dl {margin:0;border-top:1px solid #e9e9e9;background:#f2f5f9}
#smb_my_ov dl:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov dt {float:left;padding:10px;width:30%;border-bottom:1px solid #e9e9e9;font-weight:bold}
#smb_my_ov dd {margin:0;padding:10px 0;border-bottom:1px solid #e9e9e9}
@ -353,7 +353,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;top:0;left:0;padding:20px;width:320px;height:auto !important;height:480px;max-height:480px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll}
html.no-overflowscrolling #mod_option_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_bsk_tot {margin:0;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#sod_bsk_tot {margin:0;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9}
#sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk_tot dt, #sod_bsk_tot dd {float:left;padding:10px 0;border-bottom:1px solid #e9e9e9}
#sod_bsk_tot dt {padding-left:2%;width:48%;font-weight:bold}
@ -411,7 +411,7 @@ 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;zoom:1}
#sod_fin_legend {margin:10px;padding:5px 5px 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}
@ -463,7 +463,7 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f
#sod_fin_tot {margin:0 0 30px;padding:10px;border:1px solid #e9e9e9;border-top:0;background:#565e60;color:#fff}
#sod_fin_tot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sod_fin_tot ul {margin:0;padding:0;list-style:none}
#sod_fin_tot li {padding:10px;border-bottom:1px solid #6f7a7d;zoom:1}
#sod_fin_tot li {padding:10px;border-bottom:1px solid #6f7a7d}
#sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_tot #alrdy {border-bottom:0 !important}
#sod_fin_tot strong {float:right}
@ -484,6 +484,30 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f
#scash_copy {text-align:center}
/* 상품검색 */
#ssch_frm {padding:20px;border:1px solid #e9e9e9;background:#f2f5f9}
#ssch_frm:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm div {margin:0 0 5px}
#ssch_frm strong, #ssch_frm .ssch_lbl {display:inline-block;width:100px;font-weight:bold;vertical-align:middle}
#ssch_frm .frm_input {background:#fff}
#ssch_frm .btn_submit {height:21px}
#ssch_frm p {margin:10px 0 0;border-top:1px solid #e9e9e9}
#ssch_frm #ssch_qfrom {width:50px}
#ssch_frm #ssch_qto {width:50px}
#ssch_frm #ssch_q {width:40%}
#ssch_frm #ssch_sort {margin:0 0 10px;padding:1px 0 0 1px;list-style:none}
#ssch_frm #ssch_sort:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm #ssch_sort li {position:relative;float:left;margin:0 0 -1px -1px;width:33%}
#ssch_frm #ssch_sort li:nth-of-type(3n) {width:34%}
#ssch_frm #ssch_sort a {display:block;text-align:center}
#ssch_frm #ssch_ov {text-align:right}
#ssch_cate {}
#ssch_cate ul {margin:10px 0;padding:10px 20px 20px;border-bottom:1px solid #e9e9e9;list-style:none}
#ssch_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_cate li {float:left;margin:0 10px 0 0;padding:0 10px 0 0;border-right:1px solid #e9e9e9}
#ssch_cate a {}
#ssch_cate a span {font-weight:bold}
/*
#ssch{margin:0 0 20px}
#ssch_ov {padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f2f5f9;text-align:center}
.ssch_ul {margin:0;padding:0;list-style:none}
@ -491,6 +515,7 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f
.ssch_ul .sit_icon {display:inline-block}
.ssch_img {float:left;margin:0 10px 0 0}
.ssch_cost {display:block;margin:5px 0 0}
*/
/* 쇼핑몰 이벤트 */
#sev {margin:0;padding:0;min-height:150px;list-style:none}
@ -520,7 +545,7 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{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:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl {margin:0 0 5px;text-align:left}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
@ -630,7 +655,7 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f
.new_win {}
.new_win h1 {margin-bottom:20px;padding:0 20px;height:60px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;background:#fff;font-size:1.2em;line-height:5em}
.new_win table {margin:0 auto 20px !important;width:93% !important;background:#fff !important}
.new_win_ul {margin:-20px 0 2px 0;padding:0 0 0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win_ul {margin:-20px 0 2px 0;padding:0 0 0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none}
.new_win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win_ul li {float:left;margin-left:-1px}
.new_win_ul a {display:block;padding:10px 10px 5px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:"dotum";font-weight:bold;text-decoration:none}

16
mobile/shop/search.php
View File

@ -95,18 +95,20 @@ $total_page = ceil($total_count / $items); // 전체 페이지 계산
<input type="hidden" name="qcaid" id="qcaid" value="<?php echo $qcaid ?>">
<div>
<strong>검색범위</strong>
<label><input type="checkbox" name="qname" class="frm_input" <?php echo isset($qname)?'checked="checked"':'';?>> 상품명</label>
<label><input type="checkbox" name="qexplan" class="frm_input" <?php echo isset($qexplan)?'checked="checked"':'';?>> 상품설명</label>
<label><input type="checkbox" name="qid" class="frm_input" <?php echo isset($qid)?'checked="checked"':'';?>> 상품코드</label><br>
<input type="checkbox" name="qname" id="ssch_qname" class="frm_input" <?php echo isset($qname)?'checked="checked"':'';?>> <label for="ssch_qname">상품명</label>
<input type="checkbox" name="qexplan" id="ssch_qexplan" class="frm_input" <?php echo isset($qexplan)?'checked="checked"':'';?>> <label for="ssch_qexplan">상품설명</label>
<input type="checkbox" name="qid" id="ssch_qid" class="frm_input" <?php echo isset($qid)?'checked="checked"':'';?>> <label for="ssch_qid">상품코드</label><br>
</div>
<div>
<strong>상품가격 (원)</strong>
<input type="text" name="qfrom" value="<?php echo $qfrom; ?>" class="frm_input" size="10"> ~
<input type="text" name="qto" value="<?php echo $qto; ?>" class="frm_input" size="10"> 까지<br>
<label for="ssch_qfrom" class="sound_only">최소 가격</label>
<input type="text" name="qfrom" value="<?php echo $qfrom; ?>" id="ssch_qfrom" class="frm_input"> ~
<label for="ssch_ qto" class="sound_only">최대 가격</label>
<input type="text" name="qto" value="<?php echo $qto; ?>" id="ssch_qto" class="frm_input"> 까지<br>
</div>
<div>
<strong>검색어</strong>
<input type="text" name="q" value="<?php echo $q; ?>" class="frm_input" size="40" maxlength="30">
<label for="ssch_q" class="ssch_lbl">검색어</label>
<input type="text" name="q" value="<?php echo $q; ?>" id="ssch_q" class="frm_input" maxlength="30">
<input type="submit" value="검색" class="btn_submit">
</div>
<p>

16
shop/search.php
View File

@ -103,18 +103,20 @@ if ($is_admin) {
<input type="hidden" name="qcaid" id="qcaid" value="<?php echo $qcaid ?>">
<div>
<strong>검색범위</strong>
<label><input type="checkbox" name="qname" class="frm_input" <?php echo isset($qname)?'checked="checked"':'';?>> 상품명</label>
<label><input type="checkbox" name="qexplan" class="frm_input" <?php echo isset($qexplan)?'checked="checked"':'';?>> 상품설명</label>
<label><input type="checkbox" name="qid" class="frm_input" <?php echo isset($qid)?'checked="checked"':'';?>> 상품코드</label><br>
<input type="checkbox" name="qname" id="ssch_qname" class="frm_input" <?php echo isset($qname)?'checked="checked"':'';?>> <label for="ssch_qname">상품명</label>
<input type="checkbox" name="qexplan" id="ssch_qexplan" class="frm_input" <?php echo isset($qexplan)?'checked="checked"':'';?>> <label for="ssch_qexplan">상품설명</label>
<input type="checkbox" name="qid" id="ssch_qid" class="frm_input" <?php echo isset($qid)?'checked="checked"':'';?>> <label for="ssch_qid">상품코드</label>
</div>
<div>
<strong>상품가격 (원)</strong>
<input type="text" name="qfrom" value="<?php echo $qfrom; ?>" class="frm_input" size="10"> ~
<input type="text" name="qto" value="<?php echo $qto; ?>" class="frm_input" size="10"> 까지<br>
<label for="ssch_qfrom" class="sound_only">최소 가격</label>
<input type="text" name="qfrom" value="<?php echo $qfrom; ?>" id="ssch_qfrom" class="frm_input" size="10"> ~
<label for="ssch_qto" class="sound_only">최대 가격</label>
<input type="text" name="qto" value="<?php echo $qto; ?>" id="ssch_qto" class="frm_input" size="10"> 까지
</div>
<div>
<strong>검색어</strong>
<input type="text" name="q" value="<?php echo $q; ?>" class="frm_input" size="40" maxlength="30">
<label for="ssch_q" class="ssch_lbl">검색어</label>
<input type="text" name="q" value="<?php echo $q; ?>" id="ssch_q" class="frm_input" size="40" maxlength="30">
<input type="submit" value="검색" class="btn_submit">
</div>
<p>