공개쇼핑몰솔루션 영카트5에서 Gmarket 또는 11번가에서 사용하는 풀다운 경로를 적용하는 방법을 살펴보겠습니다.

쇼핑몰에서 위 경로가 나타나는 것은 상품목록과 상품상세페이지 2곳입니다.

수정해야 하는 해당 파일은

테마를 사용하지 않을 경우

/skin/shop/basic/navigation.skin.php

테마를 사용할 경우

/theme/테마명/skin/shop/basic/navigation.skin.php 입니다.

이 파일을 수정하여 배포판에서 고정으로 나타나는 부분을 Gmarket처럼 풀다운 형태로 변경하여 사용자가 해당 분류를 선택하여 이동할 수 있게 해보겠습니다.

1. 카테고리 숫자 길이를 구합니다.

$len_code = strlen($code);

2. 해당 카테고리에 속한 분류코드, 분류명을 구합니다.

if($len_code == 2){

              $sql = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where length(ca_id) = $len_code and ca_use = '1' order by ca_order, ca_id ";

            } else {

                $sub_code = substr($code,0, $len_code - 2);

                $sql = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where ca_id like '$sub_code%' and length(ca_id) = $len_code and ca_use = '1' order by ca_order, ca_id ";

            }

3. 화면에 <select>엘리먼트를 이용하여 뿌려줍니다.

echo '<select name="forma" onchange="location = this.value;">';

while($row = sql_fetch_array($result)){?>

<option value="./list.php?ca_id=<?php echo $row['ca_id'];?>" <?php if($code == $row['ca_id']){ echo "selected"; }?> ><a href="./list.php?ca_id=<?php echo $row['ca_id'];?>"><?php echo $row['ca_name'];?></a></option>

<?php

}

echo "</select>";

4. HOME 다음에 >이 중복되는 것을 막기 위해 기존 CSS에서 적용되는 것을 지워거나 아니면 아래 CSS를 추가해 줍니다.

<style>

.sct_bg {

    padding-right: 0 !important;

    background: none;

}

</style>

Select박스 및 CSS는 여러분이 쇼핑몰에 적절하게 수정하여 사용하면 됩니다.

데모 : 링크1