Shopify 테마용 Breadcrumbs & Categories 설정

얻을 수 있는 것

스토어의 내비게이션 경험을 혁신하세요:

• Smart Breadcrumbs - 고객이 스토어를 쉽게 탐색하도록 도와줍니다

• Advanced Categories - Shopify의 기본 컬렉션을 넘어 제품을 체계적으로 분류합니다

• SEO Boost - 구글이 좋아하는 구조화된 데이터

• Beautiful Design - 모든 테마에 자동으로 어울리는 디자인

설치

Shopify App Store에서 설치하기

• Breadcrumbs & Categories 앱 페이지를 방문하세요

• "Install"을 클릭하세요

• 권한을 검토한 후 "Install app"을 클릭하세요

• 앱 대시보드로 리디렉션됩니다

빠른 설정 (3단계)

설치 후 대시보드에서 Quickstart 섹션을 확인할 수 있습니다. 다음 3단계를 따라주세요:

1단계: 테마에서 앱 임베드 활성화

첫 번째 단계는 게시된 테마에서 앱 임베드를 활성화하는 것입니다. 이를 통해 앱이 스토어에 빵 부스러기와 카테고리를 표시할 수 있습니다.

• 대시보드에서 1단계: 앱 임베드 활성화를 확장하세요

• 앱이 자동으로 라이브(게시된) 테마를 감지합니다

• "Enable app embed" 버튼을 클릭하세요

• 테마 편집기에서 "Save"를 클릭하여 임베드를 활성화하세요

• 상태가 녹색 배지와 함께 "App embed is Active"로 변경됩니다

2단계: 테마에 블록 추가

이제 라이브 테마에 빵 부스러기와 하위 카테고리 블록을 추가하여 스토어에 표시되도록 합니다.

• "Add blocks to theme" 드롭다운 버튼을 클릭하세요

• 선택할 수 있는 3개의 블록이 표시됩니다:

• • Breadcrumbs - 제품/컬렉션 페이지용 내비게이션 빵 부스러기

• • Sub-categories - layout text below - 이미지 아래에 텍스트가 있는 하위 카테고리 표시

• • Sub-categories - layout text overlay - 이미지 위에 텍스트가 오버레이된 하위 카테고리 표시

• 추가할 블록을 선택하세요 (여러 블록 추가 가능)

• 블록이 자동으로 라이브 테마에 삽입됩니다

3단계: 구조 구성

블록이 테마에 추가되면 빵 부스러기와 하위 카테고리를 설정하여 내비게이션을 명확하게 하고 고객의 쇼핑을 쉽게 만드세요. 카테고리 관리에 대해 자세히 알아보기 →

• "Open categories tree" 버튼을 클릭하세요

• 드래그 앤 드롭 인터페이스가 있는 카테고리 트리 편집기가 표시됩니다

• 카테고리 계층 구조를 구축하세요:

• • 카테고리를 드래그하여 순서를 변경하세요

• • 하위 카테고리를 상위 카테고리 아래에 중첩하세요

• • 다단계 내비게이션 구조를 만드세요

• 완료되면 "Save"를 클릭하세요

설치 확인

3단계를 완료한 후 제품 페이지를 확인하세요:

• 스토어의 아무 제품 페이지나 방문하세요

• 상단에 빵 부스러기 내비게이션이 표시되어야 합니다

• 내비게이션 테스트를 위해 빵 부스러기 링크를 클릭하세요