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

쇼핑몰: #114 상품 목록 정렬 표준화 및 스타일 완료

Browse Source
This commit is contained in:
whitedot
2013-05-02 18:05:03 +09:00
parent 147f72543a
commit 03e3ce1d27
2 changed files with 30 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
css/default_shop.css
View File

@ -310,6 +310,15 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
#sct {}
.sct_admin {text-align:right}
/* 상품 정렬 */
#sct_sort {margin:0 0 10px;zoom:1}
#sct_sort:after {display:block;visibility:hidden;clear:both;content:''}
#sct_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sct_sort div {float:left;line-height:2.1em}
#sct_sort ul {float:right;margin:0;padding:0;list-style:none;zoom:1}
#sct_sort ul:after {display:block;visibility:hidden;clear:both;content:''}
#sct_sort li {float:left;position:relative;margin-left:-1px}
/* 공통 */
.sct_wrap {margin:0 0 30px;zoom:1}
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:''}
@ -326,7 +335,7 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
/* 상품 목록 스킨 10 */
.sct_10 .sct_li {float:left;margin:0 25px 0 0;width:230px}
.sct_10 .sct_last {margin:0 !important}
.sct_13 .sct_clear {clear:both}
.sct_10 .sct_clear {clear:both}
.sct_10 .sct_a {display:block;position:relative;text-decoration:none}
.sct_10 .sct_img {display:block;margin:0 0 15px}
.sct_10 b {display:block;margin:0 0 8px;font-weight:normal}
@ -338,7 +347,7 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
/* 상품 목록 스킨 11 */
.sct_11 .sct_li {float:left;margin:0 25px 0 0;width:230px}
.sct_11 .sct_last {margin:0 !important}
.sct_13 .sct_clear {clear:both}
.sct_11 .sct_clear {clear:both}
.sct_11 .sct_a {display:block;position:relative;padding:0 0 5px;background:#f7f7f7;text-decoration:none}
.sct_11 .sct_img {display:block;margin:0 0 15px}
.sct_11 b {display:block;margin:0 0 8px;padding:0 5px;font-weight:normal}
@ -350,7 +359,7 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
/* 상품 목록 스킨 12 */
.sct_12 .sct_li {float:left;margin:0 16px 16px 0;width:362px}
.sct_12 .sct_last {margin:0 !important}
.sct_13 .sct_clear {clear:both}
.sct_12 .sct_clear {clear:both}
.sct_12 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('../img/shop/icon_arw_toleft.gif') no-repeat}
.sct_12 .sct_a {display:block;position:relative;padding:20px 10px 20px 240px;width:110px;height:190px;border:1px solid #e9e9e9;background:#f7f7f7;text-decoration:none}
.sct_12 .sct_img {position:absolute;top:0;left:0}

42
shop/list.sort.php
View File

@ -1,29 +1,23 @@
<?php
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$sct_sort_href = $_SERVER['PHP_SELF'].'?ca_id='.$ca_id.'&amp;skin='.$skin.'&amp;ev_id='.$ev_id.'&amp;sort=';
?>
<br>
<table width=98% cellpadding=0 cellspacing=0 align=center>
<tr>
<td width=50%>총 <span class=point><b><?php echo number_format($total_count); ?></b></span>개의 상품이 있습니다.</td>
<td width=50% align=right style='padding-top:3px; padding-bottom:3px;'>
<select id=it_sort name=sort onchange="if (this.value=='') return; document.location = '<?php echo "{$_SERVER['PHP_SELF']}?ca_id=$ca_id&skin=$skin&ev_id=$ev_id&sort="; ?>'+this.value;" class=small>
<option value=''>출력 순서
<option value=''>---------
<option value='it_amount asc'>낮은가격순
<option value='it_amount desc'>높은가격순
<option value='it_name asc'>상품명순
<option value='it_type1 desc'>히트상품
<option value='it_type2 desc'>추천상품
<option value='it_type3 desc'>최신상품
<option value='it_type4 desc'>인기상품
<option value='it_type5 desc'>할인상품
</select>
</td>
</tr>
<tr><td colspan="2" background='<?php echo G4_SHOP_URL; ?>/img/line_h.gif' height=1></td></tr>
</table>
<section id="sct_sort">
<h2>상품 정렬</h2>
<div>
상품 <b><?php echo number_format($total_count); ?></b>개
</div>
<script language='JavaScript'>
document.getElementById('it_sort').value="<?php echo $sort; ?>";
</script>
<ul>
<li><a href="<?php echo $sct_sort_href; ?>it_amount desc" class="btn01">낮은가격순</a></li>
<li><a href="<?php echo $sct_sort_href; ?>it_amount asc" class="btn01">높은가격순</a></li>
<li><a href="<?php echo $sct_sort_href; ?>it_name asc" class="btn01">상품명순</a></li>
<li><a href="<?php echo $sct_sort_href; ?>it_type1 desc" class="btn01">히트상품</a></li>
<li><a href="<?php echo $sct_sort_href; ?>it_type2 desc" class="btn01">추천상품</a></li>
<li><a href="<?php echo $sct_sort_href; ?>it_type3 desc" class="btn01">최신상품</a></li>
<li><a href="<?php echo $sct_sort_href; ?>it_type4 desc" class="btn01">인기상품</a></li>
<li><a href="<?php echo $sct_sort_href; ?>it_type5 desc" class="btn01">할인상품</a></li>
</ul>
</section>