토론방

소스관련 네비게이션 - 세로형 (jquery버젼) 수정을 요청 부탁 드립니다.

(필수) 확인 가능한 전체 URL : http://www.ggreencons.co.kr/page/a1

안녕하세요 주**니닷컴입니다.

메인페이지를 제외한, 추가페이지 왼쪽편에 위치한 네비게이션-세로형(jquery버젼)을 각 추가 페이지마다 그룹디자인으로 적용했습니다.

수정 요청사항으로는

현재 -> 회사소개 클릭시, 왼쪽편에 위치한 네비게이션-세로형의 하위메뉴가 접혀져서 보이지 않는 상태로 인사말 페이지로 이동합니다.

수정 -> 회사소개 클릭시, 왼쪽편에 위치한 네비게이션-세로형의 하위메뉴가 펼쳐진 상태로 나타날 수 있도록 요청 드립니다.

그리고 가능하시면 어디부분에서 코딩을 수정을 하셨는지 알려주신다면 추후에는 제가 수정을 하도록 하겠습니다.

감사합니다.

주**니닷컴 드림.

 

 

게시글 공유 URL복사
댓글[1]

열기 닫기

  • P**M 2014-08-25

    일단 저희쪽에서 수정처리를 해드렸는데요...

    네비게이션 출력부분의 경우는 템플릿마다 내용이 다 다르기 때문에 응용을 하셔야지만 처리가 가능할것 같습니다. 

    일단은 보내주신 사이트에 대해서 말씀을 드리겠습니다. 

     

    먼저 어떤식으로 구동을 하는지에 대한 분석이 필요합니다. 

    크롬 브라우져로 요소검사를 해보면 어떤식으로 구현이 되고있고 동작을 하는지 확인을 할 수 있습니다. 

    그내역에 따라서 소스를 수정을 해야되는데요..

     

    위의 사이트경우는 좌측 네비게이션이 {GROUP_sideMenu}입니다. 

    따라서 이 부분에 대한 소스를 수정을 해야됩니다. 

     

    위의 소스는 {GROUP_sideMenu}의 일부를 발췌를 한 내용인데요..

    초록색 박스 부분을 수정처리를 하였습니다. 

    소스 부분을 내용을 보면 for 구분이 2개가 들어가있는데 첫번째 for문은 1차메뉴를 출력을 하고, 두번째 for문은 2단계 분류를 출력을 하도록 되어있습니다. 

    그럼 1단계에서 같은 네비게이션 코드일때는 활성화를 시켜야겠죠?? 기존에 class="on"|cond="$v[code]==$NAVI_INFO[parent]" 이렇게만 구성이 되어있던 것을

    class="on active"|cond="$v[code]==$NAVI_INFO[parent]" 이와 같이 변경을 했구요 active가 추가되었습니다. 

     

    그리고 2단계 보여지는 부분에 대해서는 <div cond="$v[sub_menu]"> 이렇게 되어있던 부분을 

    <div cond="$v[sub_menu]" style="display:block"|cond="$v[code]==$NAVI_INFO[parent]"> 이와 같이 변경을 하였습니다. 

     

    여기서 cond의 경우는 아실지 모르겠지만 뒤에 있는 조건이 맞게 되면 출력을 하고 맞지 않으면 출력을 하지 않습니다. 

     

    따라서 네비게이션 코드값을 비교를 해서 같은 코드이면 출력을 하도록 동작을 하는 구조입니다. 

     

    이와 같은 구조는 보통 이런식으로 구현을 하시면 됩니다. 

     

    감사합니다. 

     

댓글작성

열기 닫기

댓글작성
top