탭을 이용한 최신글 스킨에 상품분류(2차분류, 3차분류)등을 노출하려고합니다.
히트, 최신, 인기등 이런 분류는 되는데 2, 3차 분류는 어떻게 구성하면 되는지요?
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once("./_common.php");
include_once("$g4[path]/lib/latest.lib.php");
$tab_img = "{$g4[path]}/tab_img"; //이미지 경로
$tab_width = "1000"; //탭메뉴 폭
$tab_gr = "커뮤니티"; //그룹명 또는 아무끼나 맴대루
$tab_bo1 = "gallery_1"; //처음 출력될 게시판 ID
$tab_bo2 = "gallery_1"; //공지 게시판 ID
$tab_bo3 = "gallery_1"; //질답 게시판 ID
$tab_bo4 = "gallery_1"; //질답 게시판 ID
$tab_bo5 = "gallery_1"; //질답 게시판 ID
$tab_bo6 = "gallery_1"; //질답 게시판 ID
$tab_bo7 = "gallery_1"; //질답 게시판 ID
$tab_bo8 = "gallery_1"; //질답 게시판 ID
$tab_bo9 = "gallery_1"; //질답 게시판 ID
?><head>
<script language="javascript">
function tab_img_change(t){
for(var i = 1; i <= 9; i++) {
img = document.getElementById('tab_bar'+i);
img.src = "<?=$tab_img?>/tab_off_0"+i+".gif";
eval("document.getElementById('tab_view"+i+"')").style.display="none";
if ( t == i ) {
img.src = "<?=$tab_img?>/tab_on_0"+i+".gif";
eval("document.getElementById('tab_view"+i+"')").style.display="";
}
}
}
</script>
</head>
<style>
.la { font-family:굴림; font-size:9pt; color:#636363;}
</style>
<table width='1000' cellpadding=0 cellspacing=0 border=0>
<tr>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo1?>"> <img id="tab_bar1" style="cursor:pointer;" onmouseover="tab_img_change(1)" src="<?=$tab_img?>/tab_off_01.gif" border="0" /> </a> </td>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo2?>"> <img id="tab_bar2" style="cursor:pointer;" onmouseover="tab_img_change(2)" src="<?=$tab_img?>/tab_off_02.gif" border="0" /> </a> </td>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo3?>"> <img id="tab_bar3" style="cursor:pointer;" onmouseover="tab_img_change(3)" src="<?=$tab_img?>/tab_off_03.gif" border="0" /> </a> </td>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo4?>"> <img id="tab_bar4" style="cursor:pointer;" onmouseover="tab_img_change(4)" src="<?=$tab_img?>/tab_off_04.gif" border="0" /> </a> </td>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo5?>"> <img id="tab_bar5" style="cursor:pointer;" onmouseover="tab_img_change(5)" src="<?=$tab_img?>/tab_off_05.gif" border="0" /> </a> </td>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo6?>"> <img id="tab_bar6" style="cursor:pointer;" onmouseover="tab_img_change(6)" src="<?=$tab_img?>/tab_off_06.gif" border="0" /> </a> </td>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo7?>"> <img id="tab_bar7" style="cursor:pointer;" onmouseover="tab_img_change(7)" src="<?=$tab_img?>/tab_off_07.gif" border="0" /> </a> </td>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo8?>"> <img id="tab_bar8" style="cursor:pointer;" onmouseover="tab_img_change(8)" src="<?=$tab_img?>/tab_off_08.gif" border="0" /> </a> </td>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo9?>"> <img id="tab_bar9" style="cursor:pointer;" onmouseover="tab_img_change(9)" src="<?=$tab_img?>/tab_off_09.gif" border="0" /> </a> </td>
<!--<td width='<?=$tab_width-296?>' background='<?=$tab_img?>/tabbar_bg.gif' style='padding-top:3px;' class='la'><b><?//=$tab_gr?></b></td> -->
</tr>
<tr>
<td colspan='9'><div id="tab_view1">
<?=latest('bara_latest',$tab_bo1, 5, 100); //제목길이는 최신글 스킨에서 수정요 ?>
</div>
<div id="tab_view2" style="display: none">
<?
// 최신상품
$type = 3;
if ($default["de_type{$type}_list_use"])
{
echo "<a href='$g4[shop_path]/list.php?ca_id=1010'></a>";
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 id="tab_view3" style="display: none">
<?=latest('bara_latest',$tab_bo3, 5, 100);?>
</div>
<div id="tab_view4" style="display: none">
<?=latest('bara_latest',$tab_bo4, 5, 100);?>
</div>
<div id="tab_view5" style="display: none">
<?=latest('bara_latest',$tab_bo5, 5, 100);?>
</div>
<div id="tab_view6" style="display: none">
<?=latest('bara_latest',$tab_bo6, 5, 100);?>
</div>
<div id="tab_view7" style="display: none">
<?=latest('bara_latest',$tab_bo7, 5, 100);?>
</div>
<div id="tab_view8" style="display: none">
<?=latest('bara_latest',$tab_bo8, 5, 100);?>
</div>
<div id="tab_view9" style="display: none">
<?=latest('bara_latest',$tab_bo9, 5, 100);?>
</div>
</td>
</tr>
</table>
히트, 최신, 인기등 이런 분류는 되는데 2, 3차 분류는 어떻게 구성하면 되는지요?
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once("./_common.php");
include_once("$g4[path]/lib/latest.lib.php");
$tab_img = "{$g4[path]}/tab_img"; //이미지 경로
$tab_width = "1000"; //탭메뉴 폭
$tab_gr = "커뮤니티"; //그룹명 또는 아무끼나 맴대루
$tab_bo1 = "gallery_1"; //처음 출력될 게시판 ID
$tab_bo2 = "gallery_1"; //공지 게시판 ID
$tab_bo3 = "gallery_1"; //질답 게시판 ID
$tab_bo4 = "gallery_1"; //질답 게시판 ID
$tab_bo5 = "gallery_1"; //질답 게시판 ID
$tab_bo6 = "gallery_1"; //질답 게시판 ID
$tab_bo7 = "gallery_1"; //질답 게시판 ID
$tab_bo8 = "gallery_1"; //질답 게시판 ID
$tab_bo9 = "gallery_1"; //질답 게시판 ID
?><head>
<script language="javascript">
function tab_img_change(t){
for(var i = 1; i <= 9; i++) {
img = document.getElementById('tab_bar'+i);
img.src = "<?=$tab_img?>/tab_off_0"+i+".gif";
eval("document.getElementById('tab_view"+i+"')").style.display="none";
if ( t == i ) {
img.src = "<?=$tab_img?>/tab_on_0"+i+".gif";
eval("document.getElementById('tab_view"+i+"')").style.display="";
}
}
}
</script>
</head>
<style>
.la { font-family:굴림; font-size:9pt; color:#636363;}
</style>
<table width='1000' cellpadding=0 cellspacing=0 border=0>
<tr>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo1?>"> <img id="tab_bar1" style="cursor:pointer;" onmouseover="tab_img_change(1)" src="<?=$tab_img?>/tab_off_01.gif" border="0" /> </a> </td>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo2?>"> <img id="tab_bar2" style="cursor:pointer;" onmouseover="tab_img_change(2)" src="<?=$tab_img?>/tab_off_02.gif" border="0" /> </a> </td>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo3?>"> <img id="tab_bar3" style="cursor:pointer;" onmouseover="tab_img_change(3)" src="<?=$tab_img?>/tab_off_03.gif" border="0" /> </a> </td>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo4?>"> <img id="tab_bar4" style="cursor:pointer;" onmouseover="tab_img_change(4)" src="<?=$tab_img?>/tab_off_04.gif" border="0" /> </a> </td>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo5?>"> <img id="tab_bar5" style="cursor:pointer;" onmouseover="tab_img_change(5)" src="<?=$tab_img?>/tab_off_05.gif" border="0" /> </a> </td>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo6?>"> <img id="tab_bar6" style="cursor:pointer;" onmouseover="tab_img_change(6)" src="<?=$tab_img?>/tab_off_06.gif" border="0" /> </a> </td>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo7?>"> <img id="tab_bar7" style="cursor:pointer;" onmouseover="tab_img_change(7)" src="<?=$tab_img?>/tab_off_07.gif" border="0" /> </a> </td>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo8?>"> <img id="tab_bar8" style="cursor:pointer;" onmouseover="tab_img_change(8)" src="<?=$tab_img?>/tab_off_08.gif" border="0" /> </a> </td>
<td background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo9?>"> <img id="tab_bar9" style="cursor:pointer;" onmouseover="tab_img_change(9)" src="<?=$tab_img?>/tab_off_09.gif" border="0" /> </a> </td>
<!--<td width='<?=$tab_width-296?>' background='<?=$tab_img?>/tabbar_bg.gif' style='padding-top:3px;' class='la'><b><?//=$tab_gr?></b></td> -->
</tr>
<tr>
<td colspan='9'><div id="tab_view1">
<?=latest('bara_latest',$tab_bo1, 5, 100); //제목길이는 최신글 스킨에서 수정요 ?>
</div>
<div id="tab_view2" style="display: none">
<?
// 최신상품
$type = 3;
if ($default["de_type{$type}_list_use"])
{
echo "<a href='$g4[shop_path]/list.php?ca_id=1010'></a>";
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 id="tab_view3" style="display: none">
<?=latest('bara_latest',$tab_bo3, 5, 100);?>
</div>
<div id="tab_view4" style="display: none">
<?=latest('bara_latest',$tab_bo4, 5, 100);?>
</div>
<div id="tab_view5" style="display: none">
<?=latest('bara_latest',$tab_bo5, 5, 100);?>
</div>
<div id="tab_view6" style="display: none">
<?=latest('bara_latest',$tab_bo6, 5, 100);?>
</div>
<div id="tab_view7" style="display: none">
<?=latest('bara_latest',$tab_bo7, 5, 100);?>
</div>
<div id="tab_view8" style="display: none">
<?=latest('bara_latest',$tab_bo8, 5, 100);?>
</div>
<div id="tab_view9" style="display: none">
<?=latest('bara_latest',$tab_bo9, 5, 100);?>
</div>
</td>
</tr>
</table>
댓글 1개
게시글 목록
| 번호 | 제목 |
|---|---|
| 56073 | |
| 56067 | |
| 56065 | |
| 56060 | |
| 56058 | |
| 56055 | |
| 56051 | |
| 56048 | |
| 56044 | |
| 56043 | |
| 56042 | |
| 56039 | |
| 56035 | |
| 56032 | |
| 56030 | |
| 56028 | |
| 56025 | |
| 56018 | |
| 56012 | |
| 56010 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기