3단까지 나오는 카테고리를 만들고 있습니다.

3단까지 나오는 카테고리를 만들고 있습니다.

QA

3단까지 나오는 카테고리를 만들고 있습니다.

답변 1

본문

3단까지 나오는 카테고리를 만들고 있습니다. 그런데

 

2038284336_1536696466.1722.jpg

 

위 사진과 같이 (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>
<!-- } 쇼핑몰 카테고리 끝 -->

 

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 123,165
© SIRSOFT
현재 페이지 제일 처음으로