컬렉션 순서 변경

스토어에는 모든 컬렉션을 사전순으로 표시하는 컬렉션 목록 페이지가 your-store.com/collections URL에 포함되어 있습니다. 이 사용자 지정에서는 포함할 컬렉션을 지정하는 방법과 페이지에서 순서를 변경하는 방법을 표시합니다.

컬렉션 목록 페이지

테마 설정 확인

모든 무료 Shopify 테마의 현재 버전에는 테마 편집기에서 컬렉션 목록 페이지의 레이아웃을 변경할 수 있는 설정이 포함됩니다.

단계:

  1. 페이지 상단의 드롭다운 메뉴 또는 모바일의 템플릿 메뉴에서 컬렉션 목록을 선택합니다.

  2. 컬렉션 목록 페이지를 클릭하여 설정을 보고 변경합니다.

  3. 저장을 클릭합니다.

테마에 컬렉션 목록 페이지를 수정하는 설정이 포함되지 않은 경우 메뉴를 생성하고 테마 코드를 편집해야 합니다.

컬렉션 목록 페이지를 제어하는 메뉴 생성

메뉴를 생성하여 컬렉션 목록 페이지에 포함할 컬렉션을 지정할 수 있습니다.

단계:

  1. 메뉴 추가를 클릭합니다.

  2. All collections 메뉴 이름을 지정하십시오. 이 이름은 테마에서 컬렉션 목록 페이지에 표시할 컬렉션과 순서를 결정하는 데 사용되므로 변경하지 않는 것이 중요합니다. 메뉴 이름은 온라인 스토어에 표시되지 않습니다.

  3. 메뉴 항목 추가를 클릭합니다.

  4. 메뉴 항목 추가 창에서 컬렉션 목록 페이지에 표시하려는 컬렉션의 이름을 입력합니다. 링크 필드를 클릭하고 컬렉션을 선택한 다음 컬렉션의 이름을 클릭합니다.

    메뉴 항목을 새 위치로 이동하려면 메뉴 항목 왼쪽의 점을 클릭하고 끌어서 놓습니다.

  5. 저장을 클릭합니다.

Supply와 같은 일부 테마에서는 All collections 메뉴를 생성하기만 하면 됩니다. 변경 사항이 있는지 확인하려면 온라인 스토어의 컬렉션 목록 페이지(your-store.com/collections)로 이동하십시오. 변경 사항이 없는 경우 테마 코드를 편집해야 합니다.

list-collections.liquid 템플릿 사용자 지정

컬렉션 목록 페이지의 코드를 편집하여 All collections 메뉴에 포함한 컬렉션만 페이지에 표시되도록 할 수 있습니다.

단계:

  1. 섹션 디렉토리에서 list-collections-template.liquid를 클릭합니다.

  2. 다음 코드의 각 항목을 찾습니다.

{% for collection in collections %}

일부 테마에는 대신 다음 코드가 포함됩니다.

{% for collection in list_collections %}

위의 코드의 각 항목을 다음으로 교체합니다.

{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}
  1. 저장을 클릭합니다.

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

무료 체험