페이지에 컬렉션 하위 집합 표시

테마 코드를 편집하여 사용자 지정 페이지에 컬렉션의 하위 집합을 표시할 수 있습니다. 이 튜토리얼은 메뉴를 사용하여 새 페이지 템플릿을 생성하고 표시할 컬렉션을 할당하는 방법을 보여줍니다.

컬렉션의 하위 집합 예시

모든 Shopify 스토어에는 URL www.mystore.com/collections에 스토어의 모든 컬렉션을 표시하는 컬렉션 목록 페이지가 있습니다. 이 튜토리얼의 대안으로 컬렉션 목록 페이지를 편집하여 선택한 컬렉션만 표시할 수 있습니다.

새 페이지 템플릿 생성

  1. Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
  2. 편집할 테마를 찾은 다음 ... 버튼 > 코드 편집을 클릭합니다.
  3. 템플릿 디렉토리에서 새 템플릿 추가를 클릭합니다.

  4. list-collections이라는 페이지에 대한 새 템플릿을 생성합니다.

  1. page.list-collections 파일에서 기존 코드를 삭제합니다. 아래에서 테마 코드를 찾아 page.list-collections 파일에 코드를 복사하여 붙여넣습니다.
  2. 저장을 클릭합니다.

테마 선택

이 사용자 지정 코드는 테마별로 다릅니다. 테마의 버튼을 클릭하고 page.list-collections 파일에 복사하여 붙여넣습니다.

컬렉션을 추천할 페이지 만들기

  1. Shopify Admin에서 온라인 스토어 > 페이지로 이동합니다.
  2. 페이지 추가를 클릭합니다.
  3. 페이지 편집기에서 제공된 텍스트 상자에 제목을 입력합니다. 다음 단계에서 생성할 메뉴에는 동일한 제목을 사용해야 합니다.
  4. 온라인 스토어 섹션의 테마 템플릿 드롭다운 메뉴에서 목록 컬렉션을 선택하여 페이지에 새 템플릿을 할당합니다.

  5. 저장을 클릭합니다.

표시되는 컬렉션을 제어하는 메뉴 생성

  1. Shopify Admin에서 온라인 스토어 > 탐색으로 이동합니다.
  2. 메뉴 추가 버튼을 클릭합니다.
  3. 컬렉션을 추천할 페이지에 지정한 제목과 동일한 제목을 메뉴에 입력합니다. 예를 들어, 생성한 페이지에 Living Room 제목을 사용한 경우 메뉴에 Living Room 제목으로 지정합니다.
  4. 메뉴 항목 추가를 클릭하여 추천하려는 각 컬렉션의 메뉴에 링크를 추가합니다. 링크 텍스트 상자의 드롭다운 메뉴에서 컬렉션을 클릭하여 스토어에서 컬렉션을 선택합니다. 텍스트 상자에 URL을 추가하는 대신 이러한 방식으로 컬렉션에 연결합니다.
  5. 메뉴 저장을 클릭합니다.

Shopify와 함께 사업을 시작할 준비가 되셨습니까?

무료 체험