모바일 하단 탐색 바

사용 가이드 Pro Navigation 7 분 소요

바는 모바일 앱의 탭 바처럼 쇼핑객이 스크롤하는 동안 화면에 고정되어, 홈, 메뉴, 장바구니, 검색, 채팅, 전화 걸기를 한 번의 탭으로 제공합니다. 항목은 계정, 문의, FAQ 링크가 있는 More 항목처럼 작은 하위 메뉴를 열 수도 있습니다.

하단 바 편집기: 설정 탭(1)과 실시간 미리 보기(2). 미리 보기 왼쪽 하단의 버튼으로 미리 보기 기기를 전환합니다.

설정 탭은 메뉴 항목, 일반, 타이포그래피, 색상, 위치, 고급, 버전 기록입니다.

하단 바 만들기

1. 바 만들기

   앱의 홈 페이지에서 하단 내비게이션 추가를 클릭합니다. 또는 메뉴 관리자에서 메뉴 만들기를 클릭하고 모바일 하단 바를 선택합니다.

   

   홈: (1) 메뉴를 만들거나 가져오는 빠른 작업, (2) 앱 임베드를 활성화하는 버튼

2. 항목 설정하기

   메뉴 항목에서 기본 항목을 편집하고 원하는 항목을 추가합니다. 항목 추가 및 편집하기를 참고하세요.

   

   하단 바 편집기: 설정 탭(1)과 실시간 미리 보기(2). 미리 보기 왼쪽 하단의 버튼으로 미리 보기 기기를 전환합니다.

3. 바 스타일 지정하기

   일반, 타이포그래피, 색상 탭을 조정합니다. 바 스타일 지정하기를 참고하세요.

   

   하위 메뉴 위치와 열기 방식을 포함한 일반 설정.

4. 표시 위치 선택하기

   위치에서 기기와 화면상의 위치를 선택합니다. 바가 표시될 위치 선택하기를 참고하세요.

   

   모바일(1)과 데스크톱(2)에서 바를 켠 다음 위치를 선택합니다.

5. 저장 및 게시하기

   오른쪽 상단의 저장을 클릭한 다음 게시를 클릭합니다. 바 게시하기를 참고하세요.

항목 추가 및 편집하기

1. 항목 작업 표시하기

   메뉴 항목에서 항목에 마우스를 올리면 편집, 복제, 삭제가 표시됩니다. 핸들을 끌어 항목 순서를 바꿉니다.

   

   항목에 마우스를 올려 편집, 복제, 삭제합니다.

2. 항목과 하위 메뉴 추가하기

   항목 추가를 클릭하면 그 단계에 항목이 추가되고, 항목의 하위 메뉴 추가를 클릭하면 그 아래에 항목을 중첩할 수 있습니다. 중첩된 항목은 최대 3단계까지 하위 메뉴로 열립니다.

3. 아이콘, 제목, 링크 설정하기

   편집을 클릭해 메뉴 항목 편집을 엽니다. 아이콘을 선택하고(변경 클릭) 제목을 입력한 다음 링크 필드를 클릭합니다.

   

   링크 필드를 클릭해 항목의 작업을 선택합니다.

4. 작업 선택하기

   링크 선택에서 작업 옆의 선택을 클릭합니다 (1). 링크 상자 (2)에 링크의 앞부분이 입력됩니다. 예를 들어 컬렉션별 제품이면 /collections/입니다. 구문 열에 표시된 대로 /collections/summer-sale처럼 완성하고 업데이트 (3)를 클릭합니다.

   

   선택 클릭(1), 링크 완성(2), 업데이트 클릭(3).

항목 설정

아이콘

변경을 클릭해 아이콘을 고르거나 이미지를 업로드합니다.

제목

아이콘 아래의 텍스트입니다.

링크

탭했을 때 일어나는 동작입니다. 클릭하면 링크 선택이 열립니다(항목 작업 참고).

새 탭에서 열기

링크를 새 브라우저 탭에서 엽니다.

설명

항목과 함께 표시되는 짧은 텍스트입니다(선택 사항).

아이콘 크기

px 단위의 아이콘 크기입니다.

Box > Border radius

항목 박스의 모서리를 둥글게 합니다(0100px).

Box > Box padding

항목 박스 안쪽의 여백입니다(0

100px).