쇼피파이 컬렉션 페이지 계층형 브레드크럼 (Hierarchy Breadcrumbs) 작업

쇼피파이의 컬렉션은 다른 쇼핑몰 솔루션과 달리 계층을 가지고 있지 않습니다.

계층은 1차 카테고리, 2차 카테고리, 3차 카테고리를 말합니다.

기존에 계층형 카테고리를 만들고, 상품을 등록할 때 카테고리를 선택하는 방식에 익숙하신분들은 다소 혼동이 될 수 있는 부분입니다.

 

쇼피파이 컬렉션은 조건을 설정해서 상품을 분류하기 때문에, 계층이 만들어지지 않습니다.  그래서 기본적인 컬렉션 페이지 브레드크럼은 계층형이 아닙니다.

그렇다고 아예 불가능한 것은 아닙니다. 쇼피파이는 3단계 메뉴를 만들 수 있는데, 메뉴의 계층을 이용해서 만들 수 있습니다.

코드 작업이 어려운 분들은 관련 유료앱을 설치해서 추가할 수도 있습니다.

 

이번에 계층형 (네비게이션형) 브레드크럼을 요청하신 분이 있어서

컬렉션 페이지 템플릿을 수정하는 방식으로 작업을 해드렸습니다.

 

코드 작업

쇼피파이에는 메뉴 링크 객체가 있습니다. 이 객체와 컬렉션 객체의 변수를 이용해서 계층형 브레드크럼을 만들 수 있습니다.

https://shopify.dev/docs/themes/liquid/reference/objects/linklist

https://shopify.dev/docs/themes/liquid/reference/objects/collection

쇼피파이-계층형-네비게이현-브레드크럼-개발-shopify-breadcrumbs-hierarchy

쇼피파이 계층형 네비게이션 브레드크럼 작업 예시

 

참고로 관련 앱이 필요하신 분들은 아래 앱을 이용하면 됩니다.

https://apps.shopify.com/category-breadcrumbs-uncomplicated