드롭다운 메뉴

사용 가이드 모든 요금제 2 분 소요

About > Our story, Contact, FAQ 같은 짧은 목록에는 드롭다운(플라이아웃) 메뉴를 사용하세요. Shoes > Sneakers > Running처럼 여러 단계를 지원합니다.

드롭다운 추가하기

1. 템플릿 선택하기

   편집기의 요소 트리에서 아직 하위 메뉴가 없는 최상위 항목 아래의 하위 메뉴 추가를 클릭합니다. 드롭다운 메뉴(플라이아웃 메뉴) 를 가리키고 세로 드롭다운 또는 가로 드롭다운의 선택을 클릭합니다.

   

   두 가지 드롭다운 템플릿입니다. 각각 이름을 바꿀 수 있는 샘플 항목이 추가됩니다.

2. 하위 항목 편집하기

   샘플 항목에 마우스를 올리고 항목 편집을 클릭해 제목과 링크를 변경합니다. 아이콘, 이미지 아이콘, 설명, 배지, 표시 여부는 메뉴 항목 편집을 참고하세요.

3. 항목과 단계 추가하기

   항목 추가를 클릭하면 같은 단계에 항목이 추가됩니다. 항목 아래의 드롭다운 추가를 클릭하면 그 항목에 더 깊은 목록이 생깁니다.

4. 저장 및 게시하기

   저장을 클릭한 다음 게시를 클릭합니다.

템플릿

세로 드롭다운

항목이 메뉴 항목 아래에 세로로 쌓입니다. 더 깊은 단계는 옆으로 펼쳐집니다.

가로 드롭다운

항목이 메뉴 바 아래 전체 너비에 가로로 표시됩니다. 더 깊은 단계는 아래에 새 줄로 열립니다.

드롭다운 설정

상위 항목에 마우스를 올리고 항목 편집을 클릭한 다음 하위 메뉴까지 스크롤합니다. 레이아웃을 바꾸기 위해 드롭다운을 다시 만들 필요는 없습니다.

유형

세로 드롭다운 또는 가로 드롭다운입니다. 없음을 선택하면 항목은 유지한 채 드롭다운이 꺼집니다.

너비 및 정렬

세로 드롭다운에만 해당합니다: 항목 아래 가운데, 왼쪽 또는 오른쪽. 가로 드롭다운은 항상 전체 너비를 사용합니다.

높이 및 정렬

세로 메뉴의 세로 드롭다운에서 너비 및 정렬 대신 표시됩니다: 가운데, 맨 위 또는 맨 아래.

변경 또는 제거하기

• 일시 중지: 유형을 없음으로 설정합니다. 항목은 유지됩니다.
• 템플릿 변경: 유형을 없음으로 설정한 다음 하위 메뉴 추가를 다시 클릭합니다.
• 항목 제거: 항목에 마우스를 올리고 항목 삭제를 클릭합니다.
• 얕게 유지하기: 최대 3단계 정도로 유지하세요. 더 깊은 메뉴는 모바일에서 사용하기 어렵습니다.
• 라벨 사용하기: 링크가 없는 항목은 자신의 목록만 엽니다.
• 이미지나 열이 필요하신가요? 메가 메뉴를 사용하세요.

문제 해결

스토어에서 드롭다운이 열리지 않아요

유형이 없음이 아닌지, 드롭다운에 항목이 하나 이상 있는지, 저장과 게시를 클릭했는지 확인하세요. 테마 문제는 메뉴가 표시되지 않는 이유는?을 참고하세요.

관련 페이지

• 하위 메뉴드롭다운, 메가 메뉴, 탭 메뉴, 매스너리 레이아웃을 비교하고 항목마다 알맞은 하위 메뉴를 고릅니다.
• 메가 메뉴링크 목록, 이미지, 제품, 문의 양식 같은 블록으로 넓은 하위 메뉴 패널을 만듭니다.
• 메뉴 항목 편집항목의 제목, 링크, 아이콘, 색상, 배지, 하위 메뉴, 표시 여부를 변경하거나 항목을 복제, 이동, 삭제합니다.

도움이 되었나요?

문제 신고