쇼피파이의 컬렉션은 다른 쇼핑몰 솔루션과 달리 계층을 가지고 있지 않습니다.
계층은 1차 카테고리, 2차 카테고리, 3차 카테고리를 말합니다.
기존에 계층형 카테고리를 만들고, 상품을 등록할 때 카테고리를 선택하는 방식에 익숙하신분들은 다소 혼동이 될 수 있는 부분입니다.
쇼피파이 컬렉션은 조건을 설정해서 상품을 분류하기 때문에, 계층이 만들어지지 않습니다. 그래서 기본적인 컬렉션 페이지 브레드크럼은 계층형이 아닙니다.
그렇다고 아예 불가능한 것은 아닙니다. 쇼피파이는 3단계 메뉴를 만들 수 있는데, 메뉴의 계층을 이용해서 만들 수 있습니다.
코드 작업이 어려운 분들은 관련 유료앱을 설치해서 추가할 수도 있습니다.
이번에 계층형 (네비게이션형) 브레드크럼을 요청하신 분이 있어서
컬렉션 페이지 템플릿을 수정하는 방식으로 작업을 해드렸습니다.
코드 작업
쇼피파이에는 메뉴 링크 객체가 있습니다. 이 객체와 컬렉션 객체의 변수를 이용해서 계층형 브레드크럼을 만들 수 있습니다.
https://shopify.dev/docs/themes/liquid/reference/objects/linklist
https://shopify.dev/docs/themes/liquid/reference/objects/collection
쇼피파이 계층형 네비게이션 브레드크럼 작업 예시
참고로 관련 앱이 필요하신 분들은 아래 앱을 이용하면 됩니다.
https://apps.shopify.com/category-breadcrumbs-uncomplicated
