쇼핑몰: #101 #106 상품 목록 아이콘 노출 스타일 완료

This commit is contained in:
whitedot
2013-05-02 13:28:05 +09:00
parent 4be080b04a
commit b3f2c6086d
4 changed files with 42 additions and 38 deletions

View File

@ -306,27 +306,29 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
/* 인덱스 이미지 출력 */
#sidx_img {margin:0 0 20px}
/* 인덱스 상품 출력 */
/* 상품 목록 */
/* 공통 */
.sidx_it_wrap {margin:0 0 30px;zoom:1}
.sidx_it_wrap:after {display:block;visibility:hidden;clear:both;content:''}
.sidx_it_wrap header {margin:0 0 20px;zoom:1}
.sidx_it_wrap header:after {display:block;visibility:hidden;clear:both;content:''}
.sidx_it_wrap h2 {float:left;margin:0 20px 0 0;padding:0;line-height:1em}
.sidx_it_wrap h2 a {text-decoration:none}
.sidx_it_wrap_hdesc {float:left;margin:0;padding:0;color:#777;line-height:1em}
.sct_wrap {margin:0 0 30px;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:''}
.sct_wrap h2 {float:left;margin:0 20px 0 0;padding:0;line-height:1em}
.sct_wrap h2 a {text-decoration:none}
.sct_wrap_hdesc {float:left;margin:0;padding:0;color:#777;line-height:1em}
.sidx_it {margin:0;padding:0;list-style:none;zoom:1}
.sidx_it:after {display:block;visibility:hidden;clear:both;content:''}
.sidx_it_li {position:relative}
.sct {margin:0;padding:0;list-style:none;zoom:1}
.sct:after {display:block;visibility:hidden;clear:both;content:''}
.sct_li {position:relative}
/* 스킨 10 */
.sidx_it_10 .sidx_it_li {float:left;margin:0 25px 0 0;width:230px}
.sidx_it_10 .sidx_it_last {margin:0 !important}
.sidx_it_10 .sidx_it_a {display:block;font-weight:bold;text-decoration:none}
.sidx_it_10 span {display:block;margin:0 0 10px}
.sidx_it_10 b {display:block;margin:0 0 5px;font-weight:normal}
.sidx_it_10 .sidx_it_sns {position:absolute;top:190px;right:20px}
/* 상품 목록 스킨 10 */
.sct_10 .sct_li {float:left;margin:0 25px 0 0;width:230px}
.sct_10 .sct_last {margin:0 !important}
.sct_10 .sct_a {display:block;position:relative;font-weight:bold;text-decoration:none}
.sct_10 .sct_img {display:block;margin:0 0 10px}
.sct_10 b {display:block;margin:0 0 5px;font-weight:normal}
.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}
/* 공지사항 및 커뮤니티 새글 */
#sidx_lat {padding:15px 0 0;border-top:1px solid #ddd}

BIN
img/shop/icon_rec.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 149 B

View File

@ -713,22 +713,22 @@ function display_item_icon($it)
if($it['it_gallery'] || $it['it_type1'] || $it['it_type2'] || $it['it_type3'] || $it['it_type4'] || $it['it_type5']) {
if($it['it_gallery']) // sold out
$icon .= '<img src="'.G4_SHOP_URL.'/img/soldout.gif" alt="">';
if($it['it_type1'])
$icon .= '<img src="'.G4_SHOP_URL.'/img/type1.gif" alt="">';
if($it['it_type2'])
$icon .= '<img src="'.G4_SHOP_URL.'/img/type2.gif" alt="">';
$icon .= '<img src="'.G4_URL.'/img/shop/icon_soldout.gif" alt="" class="sct_icon_so">';
if($it['it_type3'])
$icon .= '<img src="'.G4_SHOP_URL.'/img/type3.gif" alt="">';
$icon .= '<img src="'.G4_URL.'/img/shop/icon_new.gif" alt="" class="sct_icon_hit">';
if($it['it_type1'])
$icon .= '<img src="'.G4_URL.'/img/shop/icon_hit.gif" alt="" class="sct_icon_hit">';
if($it['it_type2'])
$icon .= '<img src="'.G4_URL.'/img/shop/icon_rec.gif" alt="" class="sct_icon_rec">';
if($it['it_type4'])
$icon .= '<img src="'.G4_SHOP_URL.'/img/type4.gif" alt="">';
$icon .= '<img src="'.G4_URL.'/img/shop/icon_best.gif" alt="" class="sct_icon_best">';
if($it['it_type5'])
$icon .= '<img src="'.G4_SHOP_URL.'/img/type5.gif" alt="">';
$icon .= '<img src="'.G4_URL.'/img/shop/icon_discount.gif" alt="" class="sct_icon_discount">';
}
return $icon;

View File

@ -6,24 +6,26 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
<?php
for ($i=0; $row=sql_fetch_array($result); $i++) {
$href = G4_SHOP_URL.'/item.php?it_id='.$row['it_id'];
if (($i+1)%$list_mod == 0) $sidx_it_last = 'sidx_it_last';
else $sidx_it_last = '';
if ($i == 0) echo '<ul class="sidx_it sidx_it_10">';
if (($i+1)%$list_mod == 0) $sct_last = 'sct_last';
else $sct_last = '';
if ($i == 0) echo '<ul class="sct sct_10">';
?>
<li class="sidx_it_li <?php echo $sidx_it_last; ?>">
<a href="<?php echo $href; ?>" class="sidx_it_a">
<span><?php echo get_it_image($row['it_id']."_s", $img_width, $img_height, '', $type); ?></span>
<li class="sct_li <?php echo $sct_last; ?>">
<a href="<?php echo $href; ?>" class="sct_a">
<span class="sct_img"><?php echo get_it_image($row['it_id']."_s", $img_width, $img_height, '', $type); ?></span>
<b><?php echo stripslashes($row['it_name']); ?></b>
<?php echo display_amount(get_amount($row), $row['it_tel_inq']); ?>
<span class="sct_icon">
<?php // 이미지 아이콘
echo display_item_icon($row);
?>
</span>
</a>
<div class="sidx_it_sns">
<div class="sct_sns">
<a href="#"><img src="<?php echo G4_URL; ?>/img/shop/sns_fb.png" alt="페이스북에 공유"></a>
<a href="#"><img src="<?php echo G4_URL; ?>/img/shop/sns_twt.png" alt="트위터에 공유"></a>
<a href="#"><img src="<?php echo G4_URL; ?>/img/shop/sns_goo.png" alt="구글플러스에 공유"></a>
</div>
<?php // 이미지 아이콘
echo display_item_icon($row);
?>
</li>
<?php }
if ($i > 0) echo '</ul>';