댓글 목록

Gmarket같은 풀다운경로 적용하기

페이지 정보

작성자 운영자 작성일 18-08-18 21:57 조회 1,797 댓글 0

동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.

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


73c1aac003df8e55f81d55fe2b5110c4_1534596085_6564.png
쇼핑몰에서 위 경로가 나타나는 것은 상품목록과 상품상세페이지 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



첨부파일

댓글목록 0

등록된 댓글이 없습니다.