3단까지 나오는 카테고리를 만들고 있습니다.
본문
3단까지 나오는 카테고리를 만들고 있습니다. 그런데
위 사진과 같이 (1차) 기타 -> (2차) 통기타 순으로 마우스로 꼭 오버 해야지만 (3차)가 나오더라고요.
예를 들어 (1차) 기타를 오버하지 않고 (2차) 통기타를 바로 마우스 오버했을때 (3차)가 나오지 않습니다.ㅠ
한번 확인해 주실 수 있으신가요?
==============================================================
style.css
==============================================================
/* aside:gnb */
#gnb {margin:0 0 5px;padding:0px 0 5px;border:0;border:1px solid #d5d5d5;background:#fff;position:relative;}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb button{width:100%;border:0;border-bottom:1px solid #d5d5d5;background:none;text-align:left;color:#fff;padding:0 20px;height:40px;font-weight:bold;font-size:1.167em}
.gnb_1dli {position:relative;border-bottom:1px solid #f4f4f4;}
.gnb_1dli a {font-family:돋움}
.gnb_1dli:last-child{border-bottom:0px;}
.gnb_1dli_on {color:#fff;text-decoration:none}
.gnb_1da {display:inline-block;padding:13px 0px 0px 9px;border-bottom:0px solid #f4f4f4;background-color:#fff;font-weight:bold;text-decoration:none}
.gnb_1dam {}
.gnb_1dli_on .gnb_1da {background-color:#fff;color:#ff0000}
.gnb_1dli_on .gnb_1dam {}
.gnb_2dul {z-index:1000;position:relative;text-align:left;margin:5px 0px 5px 0px; padding-bottom:0px; }
.gnb_2dul a {margin:0 0 0 0px;}
.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_2da {display:inline-block;padding:2px 0px 2px 13px;}
.gnb_2da:focus, .gnb_2da:hover {background:#fff;color:#ff0000;text-decoration:none}
.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}
==============================================================
boxcategory.skin.php
==============================================================
<!-- 쇼핑몰 카테고리 시작 { -->
<nav id="gnb">
<h2>쇼핑몰 카테고리</h2>
<ul id="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_order, ca_id ";
$hresult = sql_query($hsql);
$gnb_zindex = 999; // gnb_1dli z-index 값 설정용
for ($i=0; $row=sql_fetch_array($hresult); $i++)
{
$gnb_zindex -= 1; // html 구조에서 앞선 gnb_1dli 에 더 높은 z-index 값 부여
// 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_order, ca_id ";
$result2 = sql_query($sql2);
$count = sql_num_rows($result2);
?>
<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 if ($count) echo ' gnb_1dam'; ?>"><img src="<?php echo G5_URL; ?>/img/icon_jum.gif" style=" float:left; margin-top:0px; margin-right:3px; clear:both"> <?php echo $row['ca_name']; ?></a>
<?php
for ($j=0; $row2=sql_fetch_array($result2); $j++)
{
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"><img src="<?php echo G5_URL; ?>/img/menu.gif" style=" float:left; margin-top:0px; margin-right:5px; clear:both"> <?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>
<!-- } 쇼핑몰 카테고리 끝 -->