M쇼핑몰: #155 상품목록 스타일 완료
This commit is contained in:
@ -222,10 +222,10 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
|
||||
.sct_admin {margin:0 0 10px;text-align:right}
|
||||
|
||||
/* 상품 목록 현재 위치 */
|
||||
#sct_location {margin:0 0 10px;border:1px solid #e9e9e9;background:#f5f6fa;letter-spacing:-4px}
|
||||
#sct_location {border:1px solid #e9e9e9;background:#f5f6fa;letter-spacing:-4px}
|
||||
#sct_location a {display:inline-block;padding:10px 10px 8px;text-decoration:none;letter-spacing:0 !important}
|
||||
.sct_here {font-weight:bold}
|
||||
.sct_bg {padding-right:15px !important;background:url('../img/shop/sct_bg_toright.gif') right 11px no-repeat}
|
||||
.sct_bg {padding-right:15px !important;background:url('../img/shop/sct_bg_toright.gif') right 0.9em no-repeat}
|
||||
|
||||
/* 상품 목록 카테고리 목록 */
|
||||
.sct_ct {}
|
||||
@ -241,18 +241,9 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
|
||||
#sct_ct_2 a {display:inline-block;width:120px}
|
||||
#sct_ct_3 li {float:left;margin:0 10px 10px 0;width:120px}
|
||||
|
||||
/* 상품 정렬 */
|
||||
#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}
|
||||
|
||||
/* ##### maintype(nn).inc.php, list.skin.(nn).php 공통 적용 시작 ##### */
|
||||
/* 공통 */
|
||||
.sct_wrap {margin:0 2em 2em;zoom:1}
|
||||
.sct_wrap {margin:0 0 2em;zoom:1}
|
||||
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sct_wrap header {margin:0 0 20px;zoom:1}
|
||||
.sct_wrap header:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
@ -266,7 +257,8 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
|
||||
.sct_noitem {padding:100px 0;text-align:center}
|
||||
|
||||
/* 상품 목록 스킨 10 */
|
||||
.sct_10 .sct_li {float:left;margin:0 25px 0 0;width:230px}
|
||||
.sct_10 {padding:1em 0 0}
|
||||
.sct_10 .sct_li {float:left;margin:0 2em 1em 0;width:230px}
|
||||
.sct_10 .sct_last {margin:0 !important}
|
||||
.sct_10 .sct_clear {clear:both}
|
||||
.sct_10 .sct_a {display:block;position:relative;text-decoration:none}
|
||||
@ -279,6 +271,21 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
|
||||
.sct_10 .sct_icon {position:absolute;top:10px;left:-5px;margin:0 !important}
|
||||
.sct_10 .sct_icon img {display:block}
|
||||
.sct_10 .sct_sns {position:absolute;top:190px;right:20px}
|
||||
|
||||
.sct_11 .sct_li {width:100%;border-bottom:1px solid #e9e9e9}
|
||||
.sct_11 .sct_a {display:block;position:relative;padding:1em;text-decoration:none;zoom:1}
|
||||
.sct_11 .sct_a:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sct_11 .sct_a:focus,
|
||||
.sct_11 .sct_a:hover {text-decoration:none}
|
||||
.sct_11 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:30px;width:10px;height:19px;background:url('../../img/shop/icon_arw_toleft.gif') no-repeat}
|
||||
.sct_11 .sct_img {float:left;margin:0 1em 0 0}
|
||||
.sct_11 b {display:block;margin:0 0 1em;font-size:1.2em;letter-spacing:-0.1em}
|
||||
.sct_11 p {margin:0 0 1em;padding:0;line-height:1.5em}
|
||||
.sct_11 s {display:block}
|
||||
.sct_11 .sct_cost {display:block;margin:0 0 0.8em;font-weight:bold}
|
||||
.sct_11 .sct_icon {position:absolute;bottom:2em;left:-5px;margin:0 !important}
|
||||
.sct_11 .sct_icon img {display:block}
|
||||
.sct_11 .sct_sns {position:absolute;top:2em;right:2em}
|
||||
/* ##### maintype(nn).inc.php, list.skin.(nn).php 공통 적용 끝 ##### */
|
||||
|
||||
/* 상품 상세보기 */
|
||||
|
||||
@ -29,8 +29,6 @@ if ($is_admin)
|
||||
// 상단 HTML
|
||||
echo '<div id="sct_hhtml">'.stripslashes($ca['ca_mobile_head_html']).'</div>';
|
||||
|
||||
include G4_MSHOP_PATH.'/listcategory3.inc.php';
|
||||
|
||||
// 상품 출력순서가 있다면
|
||||
if ($sort != "") {
|
||||
$order_by = $sort . ' '.$sortodr. ' , ';
|
||||
@ -59,7 +57,6 @@ if ($is_admin)
|
||||
$img_height = $ca['ca_mobile_img_height'];
|
||||
|
||||
include G4_MSHOP_PATH.'/list.sub.php';
|
||||
include G4_MSHOP_PATH.'/list.sort.php';
|
||||
|
||||
$sql = $sql_list1 . $sql_common . $sql_list2 . " limit $from_record, $items ";
|
||||
$result = sql_query($sql);
|
||||
|
||||
@ -10,7 +10,7 @@ for ($i=1; $row=sql_fetch_array($result); $i++)
|
||||
$sns_send = G4_MSHOP_URL.'/sns_send.php?url='.urlencode(G4_MSHOP_URL.'/item.php?it_id='.$row['it_id']);
|
||||
$sns_send .= '&title='.urlencode(cut_str($sns_title, 100));
|
||||
|
||||
if ($i == 1) echo '<ul class="sct sct_10">';
|
||||
if ($i == 1) echo '<ul class="sct sct_11">';
|
||||
?>
|
||||
<li class="sct_li">
|
||||
<a href="<?php echo $href; ?>" class="sct_a">
|
||||
@ -22,6 +22,9 @@ for ($i=1; $row=sql_fetch_array($result); $i++)
|
||||
<?php if (!$row['it_gallery']) { // 전시 상품이 아닐 때 ?>
|
||||
<span class="sct_cost"><?php echo display_amount(get_amount($row), $row['it_tel_inq']); ?></span>
|
||||
<?php } ?>
|
||||
<?php if ($row['it_basic']) { ?>
|
||||
<p><?php echo $row['it_basic']; ?></p>
|
||||
<?php } ?>
|
||||
<span class="sct_icon">
|
||||
<?php echo display_item_icon($row); // 이미지 아이콘?>
|
||||
</span>
|
||||
|
||||
@ -1,26 +0,0 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
$sct_sort_href = $_SERVER['PHP_SELF'].'?ca_id='.$ca_id;
|
||||
if($skin)
|
||||
$sct_sort_href .= '&skin='.$skin;
|
||||
$sct_sort_href .= '&ev_id='.$ev_id.'&sort=';
|
||||
?>
|
||||
|
||||
<section id="sct_sort">
|
||||
<h2>상품 정렬</h2>
|
||||
<div>
|
||||
상품 <b><?php echo number_format($total_count); ?></b>개
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_amount&sortodr=asc" class="btn01">낮은가격순</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_amount&sortodr=desc" class="btn01">높은가격순</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_name&sortodr=asc" class="btn01">상품명순</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_type1&sortodr=desc" class="btn01">히트상품</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_type2&sortodr=desc" class="btn01">추천상품</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_type3&sortodr=desc" class="btn01">최신상품</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_type4&sortodr=desc" class="btn01">인기상품</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_type5&sortodr=desc" class="btn01">할인상품</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
35
mobile/shop/navigation1.inc.php
Normal file
35
mobile/shop/navigation1.inc.php
Normal file
@ -0,0 +1,35 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
if ($ca_id)
|
||||
{
|
||||
$str = $bar = "";
|
||||
$len = strlen($ca_id) / 2;
|
||||
for ($i=1; $i<=$len; $i++)
|
||||
{
|
||||
$code = substr($ca_id,0,$i*2);
|
||||
|
||||
$sql = " select ca_name from {$g4['shop_category_table']} where ca_id = '$code' ";
|
||||
$row = sql_fetch($sql);
|
||||
|
||||
$sct_here = '';
|
||||
if ($ca_id == $code) // 현재 분류와 일치하면
|
||||
$sct_here = 'sct_here';
|
||||
|
||||
if ($i != $len) // 현재 위치의 마지막 단계가 아니라면
|
||||
$sct_bg = 'sct_bg';
|
||||
else $sct_bg = '';
|
||||
|
||||
$str .= $bar.'<a href="./list.php?ca_id='.$code.'" class="'.$sct_here.' '.$sct_bg.'">'.$row['ca_name'].'</a>';
|
||||
}
|
||||
}
|
||||
else
|
||||
$str = $g4['title'];
|
||||
|
||||
//if ($it_id) $str .= " > $it[it_name]";
|
||||
?>
|
||||
|
||||
<div id="sct_location">
|
||||
<a href='<?=$g4[path]?>/' class="sct_bg">Home</a>
|
||||
<?=$str?>
|
||||
</div>
|
||||
Reference in New Issue
Block a user