본문 바로가기
반응형

사이드바의 2단계 카테고리에 대해서 초기 화면 로딩 시 펼침 상태로 표시할지, 닫힘 상태로 표시할지, 원하는 카테고리에 대해서만 2단계 카테고리를 펼침 상태로 표시할지를 설정 할 수 있습니다.

구현된 화면

모두 닫힌 상태로 화면 로딩


카테고리가 모두 닫힌 상태로 로딩되어 1단계 카테고리만 보여집니다.

모두 열린 상태로 화면 로딩


반대로 카테고리가 모두 펼침 상태로 로딩되어 1단계, 2단계 카테고리 모두 보여집니다.

특정 카테고리만 상태로 화면 로딩


지정한 특정 카테고리에 대해서만 2단계 카테고리가 펼침 상태로 보여집니다.

구현방법

구현방법은 관리자페이지 > 스킨편집 에서 설정할 수 있습니다. 먼저 스킨편집 화면을 엽니다.

모두 닫힌 상태로 화면 로딩


[카테고리]설정 항목에서 카테고리 펼침에 아무 값도 입력하지 않으면 모두 닫힌 상태로 로딩이 됩니다.

모두 열린 상태로 화면 로딩


[카테고리]설정 항목에서 카테고리 펼침에 all이라는 값을 입력하면 모두 펼침 상태로 로딩이 됩니다.

특정 카테고리만 상태로 화면 로딩


카테고리의 위에서 부터 가상의 일련번호가 있다고 가정하고 원하는 순서의 번호를 입력하면 해당 위치의 카테고리만 펼침상태로 로딩이 됩니다. 예제에서는 1번째와 3번째 카테고리가 펼쳐져서 보여 집니다.

UX 공작소

UX와 UI에 관해 내가 알게된 다양한 이야기를 공유해요~