t

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

· 2014-01-19 (일) 21:02:39 · 10492 · 4
쇼핑몰 좌측 분류표시를 대/중/소 분류까지 표시합니다.


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>
<!--} 쇼핑몰 카테고리 끝 -->
|

댓글 4개

감사합니다~
쇼핑몰 3단계 분류
감사합니다.
2025-08-20 (수) 12:34:11

찾고있던 팁입니다. 적용해보겠습니다 :p

댓글을 작성하시려면 로그인이 필요합니다.

영카트5 팁자료실

455건
+
제목 글쓴이 날짜 조회
14-06-10 조회 7,754
14-05-30 조회 1.1만
14-05-24 조회 8,930
14-05-05 조회 1.1만
14-04-27 조회 9,681
14-04-22 조회 6,543
14-04-21 조회 8,273
14-04-14 조회 7,597
14-03-28 조회 6,662
14-03-22 조회 1.4만
14-03-20 조회 5,487
14-03-18 조회 7,881
14-03-13 조회 2.4만
14-03-13 조회 6,816
14-02-27 조회 9,583
14-02-25 조회 1.2만
14-02-20 조회 9,562
14-02-19 조회 1만
14-02-19 조회 8,828
14-02-17 조회 8,549
14-02-12 조회 1.1만
14-02-09 조회 8,094
14-02-09 조회 6,681
14-02-08 조회 7,937
14-02-06 조회 5,473
14-02-05 조회 9,595
14-01-29 조회 8,341
14-01-24 조회 5,064
14-01-23 조회 5,157
14-01-19 조회 1만