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

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

컬렉션의 하위 집합 예시

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

새 페이지 템플릿 생성

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

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

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

테마 선택

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

Create a page on which to feature your collections

  1. From your Shopify admin, go to Online Store > Pages.
  2. Click Add page.
  3. In the page editor, enter a Title in the text box provided. You must use the same title for the menu that you'll create in the upcoming steps.
  4. Assign your new template to the page by selecting page.list-collections from the Template suffix drop-down menu in the Template section.

  5. Click Save.

Create the menu that controls which collections are shown

  1. From your Shopify admin, go to Online Store > Navigation.
  2. Click the Add menu button.
  3. Give your menu the same Title as the title that you gave the page that will feature your collections. For example, if the page you created has the title Living Room, then give your menu the title Living Room.
  4. Add links to your menu for each collection that you want to feature by clicking Add menu item. Choose collections from your store by clicking on Collections in the drop-down menu for the Link text box. Link to your collections in this way, instead of adding a URL to the text box.
  5. Click Save menu. ```

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

무료 체험