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

쇼핑몰: #101 인덱스 상품 목록 스타일 1차 완료

Browse Source
This commit is contained in:
whitedot
2013-04-30 17:38:37 +09:00
parent e49328d944
commit 0efad927f6
4 changed files with 120 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
css/default_shop.css
View File

@ -2,7 +2,7 @@
/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;background:#fff;font-size:0.75em;font-family:"dotum"}
body {margin:0;padding:0;background:#fff;color:#3c4043;font-size:0.75em;font-family:"dotum"}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"dotum"}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
@ -14,10 +14,10 @@ p {margin:0;padding:10px 0;line-height:1.7em;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link,
a:visited {color:#000;text-decoration:none}
a:visited {color:#3c4043;text-decoration:none}
a:hover,
a:focus,
a:active {color:#000;text-decoration:underline}
a:active {color:#3c4043;text-decoration:underline}
/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
@ -155,6 +155,29 @@ a:active {color:#000;text-decoration:underline}
#container {z-index:4;position:relative;float:left;width:740px;min-height:500px;height:auto !important;height:500px;background:#fff;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
/* 인덱스 상품 출력 */
/* 공통 */
.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}
.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}
/* 스킨 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:195px;right:20px}
/* 배너 인덱스 출력 */
#sbn_idx {}
#sbn_idx h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sbn_idx ul {margin:0;padding:0;border:0;list-style:none}

BIN
img/shop/sns_twt.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 554 B

After

Width:  |  Height:  |  Size: 538 B

130
shop/index.php
View File

@ -13,50 +13,81 @@ include_once(G4_SHOP_PATH.'/shop.head.php');
<img src="<?php echo G4_DATA_URL; ?>/common/main_img" alt="">
</div>
<div>
<?php
// 히트상품
$type = 1;
if ($default['de_type'.$type.'_list_use'])
{
echo '<a href="'.G4_SHOP_URL.'/listtype.php?type='.$type.'"><img src="'.G4_SHOP_URL.'/img/bar_type'.$type.'.gif" alt="히트상품"></a><br>';
display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
}
?>
</div>
<div>
<?php
// 추천상품
$type = 2;
if ($default['de_type'.$type.'_list_use'])
{
echo '<a href="'.G4_SHOP_URL.'/listtype.php?type='.$type.'"><img src="'.G4_SHOP_URL.'/img/bar_type'.$type.'.gif" alt="추천상품"></a><br>';
display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
}
?>
</div>
<div>
<?php
// 인기상품
$type = 4;
if ($default['de_type'.$type.'_list_use'])
{
echo '<a href="'.G4_SHOP_URL.'"/listtype.php?type='.$type.'"><img src="'.G4_SHOP_URL.'/img/bar_type'.$type.'.gif" alt="인기상품"></a><br>';
display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
}
?>
</div>
<div>
<?php
// 할인상품
$type = 5;
if ($default['de_type'.$type.'_list_use'])
{
echo '<a href="'.G4_SHOP_URL.'"/listtype.php?type='.$type.'"><img src="'.G4_SHOP_URL.'/img/bar_type'.$type.'.gif" alt="할인상품"></a><br>';
display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
}
?>
</div>
<section class="sidx_it_wrap">
<header>
<h2><a href="<?php echo G4_SHOP_URL; ?>/listtype.php?type=3">최신상품</a></h2>
<p class="sidx_it_wrap_hdesc"><?php echo $config['cf_title']; ?> 최신상품 모음</p>
</header>
<?php
// 최신상품
$type = 3;
if ($default["de_type{$type}_list_use"])
{
display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
}
?>
</section>
<section class="sidx_it_wrap">
<header>
<h2><a href="<?php echo G4_SHOP_URL; ?>/listtype.php?type=1">히트상품</a></h2>
<p class="sidx_it_wrap_hdesc"><?php echo $config['cf_title']; ?> 히트상품 모음</p>
</header>
<?php
// 히트상품
$type = 1;
if ($default['de_type'.$type.'_list_use'])
{
display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
}
?>
</section>
<section class="sidx_it_wrap">
<header>
<h2><a href="<?php echo G4_SHOP_URL; ?>/listtype.php?type=2">추천상품</a></h2>
<p class="sidx_it_wrap_hdesc"><?php echo $config['cf_title']; ?> 추천상품 모음</p>
</header>
<?php
// 추천상품
$type = 2;
if ($default['de_type'.$type.'_list_use'])
{
display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
}
?>
</section>
<section class="sidx_it_wrap">
<header>
<h2><a href="<?php echo G4_SHOP_URL; ?>/listtype.php?type=4">인기상품</a></h2>
<p class="sidx_it_wrap_hdesc"><?php echo $config['cf_title']; ?> 인기상품 모음</p>
</header>
<?php
// 인기상품
$type = 4;
if ($default['de_type'.$type.'_list_use'])
{
display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
}
?>
</section>
<section class="sidx_it_wrap">
<header>
<h2><a href="<?php echo G4_SHOP_URL; ?>/listtype.php?type=5">할인상품</a></h2>
<p class="sidx_it_wrap_hdesc"><?php echo $config['cf_title']; ?> 할인상품 모음</p>
</header>
<?php
// 할인상품
$type = 5;
if ($default['de_type'.$type.'_list_use'])
{
display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
}
?>
</section>
<div>
<?php echo latest('basic', 'qa', 5, 30); ?>
</div>
@ -68,17 +99,6 @@ if ($default['de_type'.$type.'_list_use'])
<?php //echo latest('basic', 'notice', 3, 25); ?>
</div>
<div>
<?php
// 최신상품
$type = 3;
if ($default["de_type{$type}_list_use"])
{
echo '<a href="'.G4_SHOP_URL.'"/listtype.php?type='.$type.'"><img src="'.G4_SHOP_URL.'/img/bar_type'.$type.'.gif" alt="최신상품"></a><br>';
display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
}
?>
</div>
<div>
<!-- 온라인 투표 -->
<?php echo poll('basic'); ?>
</div>

48
shop/maintype10.inc.php
View File

@ -1,37 +1,27 @@
<?php
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
// $list_mod 가로 나열 수
?>
<table width=100% cellpadding=0 cellspacing=0 border=0>
<tr>
<?php
for ($i=0; $row=sql_fetch_array($result); $i++) {
if ($i > 0 && $i % $list_mod == 0) {
echo "</tr>\n\n<tr>\n";
}
$href = "<a href='".G4_SHOP_URL."/item.php?it_id={$row['it_id']}' class=item>";
$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">';
?>
<td width="<?php echo $td_width; ?>%" align=center valign=top>
<table width=98% cellpadding=1 cellspacing=0 border=0>
<tr><td height=5></td></tr>
<tr><td align=center><?php echo $href; ?><?php echo get_it_image($row['it_id']."_s", $img_width, $img_height); ?></a></td></tr>
<tr><td align=center><?php echo $href; ?><?php echo stripslashes($row['it_name']); ?></a></td></tr>
<!--시중가격<tr><td align=center><strike><?php echo display_amount($row[it_cust_amount]); ?></strike></td></tr>-->
<tr><td align=center><span class=amount><?php echo display_amount(get_amount($row), $row['it_tel_inq']); ?></span></td></tr>
</table></td>
<?php
/*
// 이미지 오른쪽에 구분선을 두는 경우 (이미지로 대체 가능)
if ($i%$list_mod!=$list_mod-1)
echo "<td width=1 bgcolor=#eeeeee></td>";
*/
}
// 나머지 td 를 채운다.
if (($cnt = $i%$list_mod) != 0)
for ($k=$cnt; $k<$list_mod; $k++)
echo "<td>&nbsp;</td>\n";
<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); ?></span>
<b><?php echo stripslashes($row['it_name']); ?></b>
<?php echo display_amount(get_amount($row), $row['it_tel_inq']); ?>
</a>
<div class="sidx_it_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>
</li>
<?php }
if ($i > 0) echo '</ul>';
?>
</tr>
</table>