사전 제작 스타일:

• 클래식, 모던, 미니멀, 볼드 테마

• 10개 이상의 색상 구성표

• 여러 구분자 옵션(>, /, →, |)

맞춤 스타일링:

• 텍스트 크기 - 시각 디자인 및 텍스트 스타일링에서 조정

• 배경 음영 - 색상 구성표에서 설정

• 간격 및 위치 - 간격 및 패딩에서 구성

• 모바일 전용 디자인 - 가시성 옵션 사용

고급 옵션:

• Breadcrumb Divider Symbol - 전문가 구성에서 선택

• 홈 표시 유형 - 맞춤 페이지 이름에서 설정

• 호버 효과 - 가시성 옵션에서 선택

이 기능을 사용할 때:

• ✅ 활성화 조건: 스토어가 다국어를 지원하고 breadcrumb가 자동으로 번역되길 원할 때

• ❌ 비활성화 조건: 스토어가 한 언어만 사용한다면 테마 편집기에서 직접 텍스트를 맞춤 설정하세요

번역되는 항목:

• 🏠 홈, 모든 제품, 컬렉션, 검색 대상

• 📝 블로그, 뉴스, 페이지, 기사, 제품

활성화 방법:

• 앱 설정 → Internationalization (i18n)로 이동

• "자동 번역 활성화"를 ON으로 전환

• 설정 저장

지원 언어 (총 52개):

• 🇪🇺 유럽어 (25개): 아프리칸스어, 알바니아어, 불가리아어, 카탈루냐어, 크로아티아어, 체코어, 덴마크어, 네덜란드어, 영어, 에스토니아어, 핀란드어, 프랑스어, 독일어, 그리스어, 헝가리어, 아이슬란드어, 이탈리아어, 라트비아어, 리투아니아어, 몰타어, 노르웨이어, 폴란드어, 루마니아어, 슬로바키아어, 슬로베니아어, 스페인어, 스웨덴어, 터키어, 우크라이나어

• 🌏 아시아어 (13개): 벵골어, 중국어(간체), 중국어(번체), 힌디어, 인도네시아어, 일본어, 한국어, 말레이어, 페르시아어, 타밀어, 태국어, 우르두어, 베트남어

• 🌍 중동 및 아프리카어 (6개): 아랍어, 암하라어, 히브리어, 스와힐리어, 코사어, 줄루어

• 🌎 아메리카어 (8개): 갈리시아어, 과라니어, 아이티 크리올어, 포르투갈어(브라질), 포르투갈어(포르투갈), 케추아어, 스페인어(라틴 아메리카), 웨일스어

구조화된 데이터:

• 검색 엔진용 JSON-LD 마크업

• 검색 결과의 리치 스니펫

• 향상된 SERP(검색 엔진 결과 페이지) 표시

사이트 아키텍처:

• Google에 명확한 계층 신호 제공

• 크롤링 용이성 향상

• 내부 링크 개선

사용자 경험:

• 이탈률 감소

• 페이지 조회수 증가

• 향상된 참여 지표

🪄 모드 1: 스마트 동작

최적 용도: 동적이고 컨텍스트 인식이 가능한 Breadcrumbs로 사용자 경험 향상. Breadcrumbs는 방문자가 실제로 탐색한 컬렉션 경로에 맞게 동적으로 조정됩니다.

• 컬렉션 A에서 온 방문자는: 홈 > 컬렉션 A > 제품-1

• 컬렉션 B에서 온 방문자는: 홈 > 컬렉션 B > 제품-1

• 두 URL 모두 여전히: /products/product-1 (SEO 안전한 정규 URL)

• ✅ 향상된 사용자 경험 - Breadcrumbs가 방문자의 실제 여정과 일치

• ✅ 깔끔한 /products/product-name URL (URL 변경 불필요)

• ✅ SEO 안전: 제품은 단일 정규 URL 유지

📌 모드 2: 고전적 우선순위

최적 용도: 고정되고 예측 가능한 Breadcrumbs 경로로 최대 SEO 안정성 확보. 고정된 3단계 우선순위 시스템을 사용하여 동일한 제품이 항상 동일한 Breadcrumbs 경로를 표시하도록 보장합니다.

• 모든 방문자는: 홈 > 기본 컬렉션 > 제품-1

• URL은 항상: /products/product-1

• 구조화된 데이터는 항상 동일한 경로 표시

• 우선순위 순서: 수동 기본 → URL 컨텍스트 → 자동

작동 방식:

• 메뉴 선택 - Shopify 스토어의 메뉴 중 하나 선택

• "메뉴에서 구축" 클릭 - 앱이 자동으로 카테고리 트리 구축

• 맞춤화 - 드래그 앤 드롭으로 조정, 컬렉션 추가 또는 재구성

• 저장 - 새 카테고리 트리 완성!

가져오는 항목:

• ✅ 게시된 컬렉션만 - 메뉴 항목 중 게시된 컬렉션에 연결된 항목만

• ✅ 메뉴 계층 구조 - 상위 → 하위 관계 유지

• ✅ 다단계 중첩 - 깊은 메뉴 구조(3단계 이상) 지원

제외되는 항목:

• ❌ 초안/미게시 컬렉션

• ❌ HTTP 링크 - 외부 링크 및 사용자 지정 URL 제외

• ❌ 제품 링크 - 직접 제품 링크는 가져오지 않음

• ❌ 페이지 링크 - 페이지 링크 제외

• ❌ 기타 메뉴 항목 - 블로그, 검색, 장바구니 링크 등

장점:

• ⚡ 빠른 시작점 - 몇 초 만에 초기 트리 구조 구축

• 🎯 일관된 내비게이션 - 스토어 기존 메뉴 구조와 일치

• 🔄 쉬운 업데이트 - 메뉴 업데이트 시 언제든지 재구축 가능

• ✨ 시간 절약 - 각 컬렉션을 수동으로 추가할 필요 없음

1. 앱 상태 확인:

• 앱이 설치되고 활성화되어 있는지 확인하세요

• 권한이 부여되었는지 확인하세요

2. 테마 호환성:

• 테마 호환성 테스트를 실행하세요

• CSS 충돌 여부를 확인하세요

• 다른 breadcrumb 스타일을 시도해 보세요

3. 구성 문제:

• Breadcrumb 규칙이 설정되어 있는지 확인하세요

• 표시 설정 및 가시성 규칙을 확인하세요

• 제품이 올바르게 분류되어 있는지 확인하세요

4. 캐싱 문제:

• 브라우저 캐시를 지우세요

• Shopify 스토어 캐시를 지우세요

• 변경 사항이 반영될 때까지 5-10분 기다리세요

1. 테마 충돌:

• 시각 디자인 및 텍스트 스타일링에서 텍스트 크기와 블록 최대 너비를 조정하세요

• 색상 구성에서 배경 음영을 변경하세요

• 전문가 구성에서 다른 Breadcrumb 구분 기호를 시도해 보세요

2. 모바일 문제:

• 가시성 옵션에서 "모바일 가로 스크롤 활성화"를 켜세요

• 텍스트 크기에 맞게 구분 아이콘 크기를 조정하세요

• 모바일 정렬을 위해 간격 및 패딩 설정을 확인하세요

3. 정렬 문제:

• 간격 및 패딩에서 위/아래 패딩과 좌/우 패딩을 구성하세요

• 시각 디자인 및 텍스트 스타일링에서 텍스트 정렬을 조정하세요

테마 편집기에서:

• 테마 편집기로 이동 → Breadcrumbs가 있는 페이지 선택

• 사이드바에서 Breadcrumbs 블록을 클릭하세요

• 블록 설정에서 간격 및 패딩 섹션을 찾으세요

• 조정: 패딩(위/아래), 패딩(좌/우), 수직 간격

빠른 정렬 팁:

• ✅ 페이지 너비 맞추기 - 좌/우 패딩을 조정하여 주요 콘텐츠와 정렬

• ✅ 일관된 간격 - 다른 페이지 요소와 동일한 패딩 사용

• ✅ 모바일에서 테스트 - 다양한 화면 크기에서 정렬 확인

• ✅ 변경 사항 미리보기 - 게시 전에 테마 편집기 미리보기 사용

옵션 1: 설정을 사용하여 Breadcrumbs에서 숨기기 ⭐ 추천

• 테마 편집기로 이동 → Breadcrumbs 블록 → 설정

• 사용자 지정 페이지 이름에서 "Product catalog title" 찾기

• Breadcrumb 경로에서 숨기려면 --- (대시 세 개) 입력

• 컬렉션 페이지(/collections/all)는 계속 접근 가능

• Breadcrumbs에 중복 없음!

옵션 2: 카테고리 트리에서 제거

• 앱에서 카테고리 트리로 이동

• 스토어의 "All products" 컬렉션 찾기

• 트리에서 제거(미할당으로 이동)

• 트리에는 앱의 "All products"만 유지

옵션 3: 스토어 컬렉션만 사용

• 트리에서 앱의 "All products" 제거

• 자신의 "All products" 컬렉션을 트리 루트에 추가

• 어떤 제품이 표시될지 더 잘 제어 가능

아직도 문제가 발생한다면:

지원팀에 문의해 주세요. 이는 캐시된 설정이나 테마 충돌로 인한 이전 문제일 가능성이 높습니다.

지원 대기 중 임시 해결책:

• 옵션 1: 구분자 크기를 텍스트에 맞춤 - "Divider icon dimensions" 조정

• 옵션 2: 더 단순한 구분자 기호 사용 - 복잡한 화살표 대신 / 또는 > 사용

• 옵션 3: 모바일 스크롤 모드 활성화 - "Enable mobile horizontal scrolling" 켜기

• 옵션 4: 간격 조정 - "Divider gap width" 줄이고 "Vertical Spacing" 미세 조정

1. 할당 규칙:

• 자동 할당 규칙 검토

• 제품 태그 및 속성 확인

• 컬렉션 매핑 검증

2. 제품 설정:

• 제품이 게시되었는지 확인

• 제품 가용성 설정 확인

• 재고 수준 검증

3. 카테고리 구성:

• 카테고리 계층 구조 검토

• 카테고리 가시성 설정 확인

• 부모-자식 관계 검증

📧 이메일 지원:

• 이메일: [email protected]

• 앱 대시보드에서도 이용 가능

• 24시간 이내 응답

• 기술 및 설정 지원

📖 문서:

• 포괄적인 가이드 및 튜토리얼

• 비디오 안내

• 모범 사례 및 팁

스토어 정보:

• Shopify 스토어 URL

• 테마 이름 및 버전

• 설치된 앱 버전

문제 세부사항:

• 구체적인 문제 설명

• 이미 시도한 단계

• 해당되는 경우 스크린샷 또는 동영상

• 브라우저 및 기기 정보

설정 정보:

• 현재 앱 구성

• 수정된 내용

• 스토어 또는 테마의 최근 변경 사항

무료 설정 안내:

• 기본 설정에 대한 이메일 지원

• 문서 및 동영상 튜토리얼

• 모범 사례 권장 사항

Vintage 테마 지원:

• Online Store 1.0 테마에 대한 완전한 A-Z 설정

• 맞춤 스니펫 설치

• 테마별 스타일링