3단 분류(카테고리) 표시하기

쇼핑몰 좌측 분류표시를 대/중/소 분류까지 표시합니다.


css/default_shop.css 파일 수정

/* aside:gnb */
#gnb {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#f2f5f9}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.gnb_1dli {position:relative}
.gnb_1dli_on {color:#fff;text-decoration:none}
.gnb_1da {display:block;padding:7px 10px;border-bottom:1px solid #f4f4f4;background:url('../shop/img/gnb_bg00.gif') #fff center right no-repeat;font-weight:bold;text-decoration:none}
.gnb_1dli_on .gnb_1da {background:url('../shop/img/gnb_bg01.gif') #626870 center right no-repeat;color:#fff;text-decoration:none}
.gnb_2dul {display:none;z-index:1000;position:absolute;border:1px solid #787f89}
.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {display:block;top:-1px;left:127px;width:150px;background:#fff}
.gnb_2da {display:none;padding:7px 10px;border-bottom:1px solid #f4f4f4;background:url('../shop/img/gnb_bg00.gif') #fff center right no-repeat;font-weight:bold;text-decoration:none}
.gnb_1dli_over .gnb_2da {display:block;padding:0 10px;height:30px;border-bottom:1px solid #e9e9e9;line-height:2.9em !important;line-height:2.6em}
.gnb_2da:focus, .gnb_2da:hover {background:#dbdde0;text-decoration:none}

.gnb_2dli {position:relative;}
.gnb_2dli_on {color:#fff;text-decoration:none}
.gnb_2dli_on .gnb_2da {background:url('../shop/img/gnb_bg01.gif') #626870 center right no-repeat;color:#fff;text-decoration:none}
.gnb_1dli_over li:hover .gnb_3dul, .gnb_1dli_over2 li:hover .gnb_3dul {display:block;top:-1px;left:127px;width:150px;background:#fff}
.gnb_1dli_over li:hover .gnb_3da {display:block;padding:0 10px;height:30px;border-bottom:1px solid #e9e9e9;line-height:2.9em !important;line-height:2.6em}

.gnb_3dul {display:none;z-index:10000;position:absolute;border:1px solid #787f89}
.gnb_3da {display:none;font-weight:bold}
.gnb_3da:focus, .gnb_3da:hover {background:#f2f5f9;text-decoration:none}



skin/shop/basic/boxcategory.skin.php 파일 수정

<!-- 쇼핑몰 카테고리 시작 { -->
<nav id="gnb">
<h2>쇼핑몰 카테고리</h2>
<ul class="gnb_1dul">
<?php
// 1단계 분류 판매 가능한 것만
$hsql = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where length(ca_id) = '2' and ca_use = '1' order by ca_id ";
$hresult = sql_query($hsql);
$gnb_zindex = 999; // gnb_1dli z-index 값 설정용
$count = count($hresult);
for ($i=0; $row=sql_fetch_array($hresult); $i++)
{
$gnb_zindex -= 1; // html 구조에서 앞선 gnb_1dli 에 더 높은 z-index 값 부여
?>
<li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex; ?>">
<a href="<?php echo G5_SHOP_URL.'/list.php?ca_id='.$row['ca_id']; ?>" class="gnb_1da"><?php echo $row['ca_name']; ?></a>
<?php
// 2단계 분류 판매 가능한 것만
$sql2 = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where LENGTH(ca_id) = '4' and SUBSTRING(ca_id,1,2) = '{$row['ca_id']}' and ca_use = '1' order by ca_id ";
$result2 = sql_query($sql2);

//추가
$gnb_zindex2 = 9999; // gnb_2dli z-index 값 설정용

for ($j=0; $row2=sql_fetch_array($result2); $j++)
{
$gnb_zindex2 -= 1; // html 구조에서 앞선 gnb_2dli 에 더 높은 z-index 값 부여
if ($j==0) echo '<ul class="gnb_2dul" style="z-index:'.$gnb_zindex.'">';
?>
<li class="gnb_2dli" style="z-index:<?php echo $gnb_zindex2; ?>"><a href="<?php echo G5_SHOP_URL; ?>/list.php?ca_id=<?php echo $row2['ca_id']; ?>" class="gnb_2da"><?php echo $row2['ca_name']; ?></a>
<?php
// 추가
// 3단계 분류 판매 가능한 것만
$sql3 = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where LENGTH(ca_id) = '6' and SUBSTRING(ca_id,1,4) = '{$row2['ca_id']}' and ca_use = '1' order by ca_id ";
$result3 = sql_query($sql3);

for ($k=0; $row3=sql_fetch_array($result3); $k++)
{
if ($k==0) echo '<ul class="gnb_3dul" style="z-index:'.$gnb_zindex2.'">';
?>
<li class="gnb_3dli"><a href="<?php echo G5_SHOP_URL; ?>/list.php?ca_id=<?php echo $row3['ca_id']; ?>" class="gnb_3da"><?php echo $row3['ca_name']; ?></a></li>
<?php }
if ($k>0) echo '</ul>';
?>

</li>
<?php }
if ($j>0) echo '</ul>';
?>
</li>
<?php } ?>
</ul>
</nav>
<!--} 쇼핑몰 카테고리 끝 -->