기존 메뉴 교체

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

자동으로 교체가 잘못된 메뉴를 선택할 때 사용하세요. 예를 들어 헤더에 Main menu 외의 탐색 메뉴가 표시되거나, 데스크톱과 모바일에서 서로 다른 Shopify 메뉴를 사용하는 경우입니다. 앱은 선택한 탐색 메뉴와 링크가 일치하는 메뉴를 찾아 교체합니다.

기존 메뉴 교체 설정하기

1. 헤더가 사용하는 탐색 메뉴 찾기

   Shopify 관리자에서 온라인 스토어 > 테마 > 사용자 지정으로 이동해 헤더 섹션을 클릭하고 선택된 메뉴(예: Main menu)를 확인합니다. 일부 테마에는 모바일 메뉴 설정이 따로 있습니다.

2. 기존 메뉴 교체 선택하기

   메뉴 편집기의 왼쪽 바에서 설정 탭을 클릭합니다. 위치에서 기존 메뉴 교체를 선택합니다.

   

   두 개의 메뉴 목록이 있는 기존 메뉴 교체

3. 교체할 메뉴 선택하기

   두 목록을 헤더에 맞게 설정합니다. 설정을 참고하세요. 처음에는 스토어의 첫 번째 탐색 메뉴로 설정되어 있습니다.

4. 저장 및 게시하기

   저장을 클릭한 다음 메뉴를 게시합니다. 데스크톱과 모바일에서 스토어를 확인하세요.

설정

메인 메뉴 선택

테마가 데스크톱에 표시하는 Shopify 탐색 메뉴(온라인 스토어 > 탐색)로, 보통 Main menu입니다.

모바일 메뉴 선택

테마가 모바일 메뉴에 표시하는 탐색 메뉴입니다. 대부분의 테마에서 데스크톱 메뉴와 같습니다.

문제 해결

메뉴 목록이 비어 있어요

스토어가 비밀번호로 보호되어 있어 앱이 탐색 메뉴를 읽지 못하고 메뉴 목록을 업데이트하려면 스토어 비밀번호를 해제하세요 메시지를 표시하는 경우입니다. 스토어 비밀번호 삭제를 클릭하면 온라인 스토어 > 환경 설정이 열립니다. 비밀번호를 제거하고 다시 시도하세요.

메뉴가 헤더를 교체하지 않아요

앱은 헤더의 링크를 선택한 탐색 메뉴와 비교하므로, 하드코딩된 링크나 다른 탐색 메뉴는 일치하지 않습니다. 헤더가 실제로 사용하는 탐색 메뉴를 선택하거나 이 CSS 선택자에 메뉴 표시로 전환하세요.

데스크톱에서는 교체되는데 모바일에서는 안 돼요(또는 그 반대)

모바일 메뉴 선택(또는 메인 메뉴 선택)을 해당 레이아웃이 실제로 사용하는 탐색 메뉴로 설정하세요.

관련 페이지

• 자동으로 교체앱이 테마의 헤더 메뉴를 찾아 자동으로 교체하게 합니다.
• CSS 선택자에 메뉴 표시CSS 선택자를 입력해 테마의 정확한 요소에 메뉴를 배치합니다.
• 스토어에 메뉴가 표시되지 않는 이유는?스토어에 메뉴가 없거나 잘못 표시될 때 확인할 단계별 체크리스트입니다.

도움이 되었나요?

문제 신고