[모바일 GNB 모양 변경 방법] 

VER20140318 이상 솔루션에서 모바일 GNB 모양을 변경하는 방법입니다.
※ 20170301 이상 버전에서는 GNB-i 형을 제공하지 않습니다.


 
<모바일 모양이 GNB-i 일 때>

 

 

 


<모바일 모양이 GNB-v 일 때>

 

 

 

   

 

 

 

 

 

 

<처리방법>

 

 

 

1. 모바일버전 메인페이지에서 하단의 페이지편집 클릭

 

  

 

 

2. 우측상단에서 현재 보고있는 페이지가 Mobile인지 확인한 뒤

> 화면 제일 위에 있는 F버튼 클릭

 

 

 

 


 

 

3. 접속한 퀵메뉴(quickmenu_default.php)페이지 편집화면에서 왼쪽 모두보기 체크

> 아이콘들을 감싸는 D버튼 클릭 > 수정 클릭

 

 

 

 

 

 

4. 편집박스의 DIV속성란에 적혀있는 내용 중

GNB-i 라고 적혀있는 것을 GNB-v로 변경

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<추가 옵션 설정하는 법>




1. 편집박스의 DIV속성란에 적혀있는 내용 중

GNB-v로 적혀있는 것 뒤에 GNB-c를 추가하면

 

1차메뉴를 클릭함에 따라 하위메뉴가 열렸다 닫혔다 함

 

 

 

 

 

 

 

 

2. 편집박스의 DIV속성란에 적혀있는 내용 중

show-all="N"으로 적혀있는 것을 show-all="Y" 로 변경하면

모든 서브메뉴가 펼쳐진채로 GNB가 열림

 

 

[show-all="N" 일 때]

 

 

 

[show-all="Y" 일 때]

 

 

 


 

 

 

 

 

3. 편집박스의 DIV속성란에 적혀있는 내용 중

GNB-i로 적혀있는 상태에서, icon-num="01,16,30"의 마지막 두 숫자를 변경하면

아이콘의 이미지가 바뀜

 

 

[icon-num="01,1,15일 때]

 

[icon-num="01,16,30일 때]

 

[icon-num="01,31,40일 때]