메뉴

메뉴의 블록 종류와 설정 방법을 알아봅니다.

메뉴란?

사이트 헤더 영역에 노출이 되는 페이지 메뉴, 로그인 장바구니 등의 블록을 사용 할 수 있습니다.

주로 헤더 영역에 적용하여 사용하지만, 바디 푸터 영역에도 적용이 가능합니다.

블록 설정 방법

1. 사용하려는 블록을 추가합니다.

2. 퀵 메뉴의 상세설정을 클릭합니다.

3. 아래 상세 설정을 참고하여, 설정을 변경합니다.

블록을 더블 클릭하여 상세 설정창을 열 수 있습니다.

1. 공통 메뉴

헤더 섹션에 사용이 되는 로그인/회원가입, 장바구니의 요소를 추가합니다. 회원가입 및 쇼핑 기능이 필요한 경우 사용합니다.

공통 메뉴 블록_설정 항목

기본 설정

설정 항목

리스트 유형 : 공통 메뉴의 표시 형태를 선택합니다 간격 : 공통 메뉴 사이의 간격을 설정합니다.

활성화 메뉴 검색 : 쇼핑 검색 기능을 활성화 합니다. 로그인/회원가입 : 로그인/회원가입 기능을 활성화 합니다. 로그인 시, 마이페이지/로그아웃으로 바꿔 표시됩니다. 장바구니 : 장바구니 기능을 활성화 합니다.

스타일 설정

설정 항목

내용 공통 메뉴의 서체, 크기, 색상, 두께를 설정합니다.

2. 페이지메뉴

구조패널을 통해 생성한 메뉴를 노출하기 위해 사용합니다. 메뉴에 마우스를 올릴 시 하위메뉴가 드롭다운 되어 나타나게 됩니다.

페이지 메뉴 블록_설정 항목

기본 설정

설정 항목

유형 페이지 메뉴의 표시 형태를 텍스 또는 아이콘으로 선택합니다.

텍스트 넘칠 시 표시 콘텐츠의 너보다 메뉴의 수가 넘어갈 경우 표시 방식을 선택합니다. 기본 메뉴 전체가 그대로 표시 줄바꿈 콘텐츠 너비에 맞춰 다음줄로 줄바꿈이 되어 표시 슬라이드 실제 사이트 화면에서 좌우 스크롤하여 이동

아이콘 색상 아이콘의 색상 및 투명도를 설정합니다. 두께 아이콘의 두께를 설정합니다.

페이지 설정

설정 항목

내용 메인 메뉴와 서브메뉴를 개별 설정할 수 있습니다. 서체 메뉴의 서체를 선택합니다. 크기 서체의 크기를 선택합니다. 간격 페이지 메뉴 사이의 간격을 설정합니다. 배경 배경 색상 및 투명도를 설정합니다. 텍스트 유형 선택 시 서브 메뉴 배경 설정 가능 아이콘 유형 선택 시 메인 메뉴 배경 설정 가능

활성화 상태 활성화 상태 설정은 메인 / 서브 에 공통 적용이 됩니다. 표시 모두 / 메인 / 서브 중 활성화 적용이 될 위치를 선택합니다. 유형 활성화 상태의 표시 형식을 선택합니다. 색상 활성 메뉴의 색상 및 투명도를 설정합니다.