컬렉션 순서 변경
스토어에는 모든 컬렉션을 사전순으로 표시하는 컬렉션 목록 페이지가 your-store.com/collections URL에 포함되어 있습니다. 이 사용자 지정에서는 포함할 컬렉션을 지정하는 방법과 페이지에서 순서를 변경하는 방법을 표시합니다.
테마 설정 확인
모든 무료 Shopify 테마의 현재 버전에는 테마 편집기에서 컬렉션 목록 페이지의 레이아웃을 변경할 수 있는 설정이 포함됩니다.
단계:
데스크톱
- Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 클릭합니다.
- 페이지 상단의 드롭다운 메뉴 또는 모바일의 템플릿 메뉴에서 컬렉션 목록을 선택합니다.
- 컬렉션 목록 페이지를 클릭하여 설정을 보고 변경합니다.
- 저장을 클릭합니다.
iPhone
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 모든 테마 관리를 탭합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
- 편집을 탭합니다.
- 페이지 상단의 드롭다운 메뉴 또는 모바일의 템플릿 메뉴에서 컬렉션 목록을 선택합니다.
- 컬렉션 목록 페이지를 클릭하여 설정을 보고 변경합니다.
- 저장을 클릭합니다.
Android
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 모든 테마 관리를 탭합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
- 편집을 탭합니다.
- 페이지 상단의 드롭다운 메뉴 또는 모바일의 템플릿 메뉴에서 컬렉션 목록을 선택합니다.
- 컬렉션 목록 페이지를 클릭하여 설정을 보고 변경합니다.
- 저장을 클릭합니다.
테마에 컬렉션 목록 페이지를 수정하는 설정이 포함되지 않은 경우 메뉴를 생성하고 테마 코드를 편집해야 합니다.
컬렉션 목록 페이지를 제어하는 메뉴 생성
메뉴를 생성하여 컬렉션 목록 페이지에 포함할 컬렉션을 지정할 수 있습니다.
단계:
데스크톱
- Shopify Admin에서 온라인 스토어 > 탐색으로 이동합니다.
- 메뉴 추가를 클릭합니다.
- 메뉴 이름을
All collections으로 지정합니다. 해당 이름은 테마에서 컬렉션 목록 페이지에 표시할 컬렉션과 순서를 결정하는 데 사용되므로 변경하지 않는 것이 중요합니다. 메뉴 이름은 온라인 스토어에 표시되지 않습니다. - 메뉴 항목 추가를 클릭합니다.
- 메뉴 항목 추가 창에서 컬렉션 목록 페이지에 표시하려는 컬렉션의 이름을 입력합니다. 링크 필드를 클릭하고 컬렉션을 선택한 다음 컬렉션의 이름을 클릭합니다. 메뉴 항목을 새 위치로 이동하려면 메뉴 항목 왼쪽의 점을 클릭하고 끌어서 놓습니다.
- 저장을 클릭합니다.
iPhone
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 탐색을 탭합니다.
- 메뉴 추가를 클릭합니다.
- 메뉴 이름을
All collections으로 지정합니다. 해당 이름은 테마에서 컬렉션 목록 페이지에 표시할 컬렉션과 순서를 결정하는 데 사용되므로 변경하지 않는 것이 중요합니다. 메뉴 이름은 온라인 스토어에 표시되지 않습니다. - 메뉴 항목 추가를 클릭합니다.
- 메뉴 항목 추가 창에서 컬렉션 목록 페이지에 표시하려는 컬렉션의 이름을 입력합니다. 링크 필드를 클릭하고 컬렉션을 선택한 다음 컬렉션의 이름을 클릭합니다. 메뉴 항목을 새 위치로 이동하려면 메뉴 항목 왼쪽의 점을 클릭하고 끌어서 놓습니다.
- 저장을 클릭합니다.
Android
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 탐색을 탭합니다.
- 메뉴 추가를 클릭합니다.
- 메뉴 이름을
All collections으로 지정합니다. 해당 이름은 테마에서 컬렉션 목록 페이지에 표시할 컬렉션과 순서를 결정하는 데 사용되므로 변경하지 않는 것이 중요합니다. 메뉴 이름은 온라인 스토어에 표시되지 않습니다. - 메뉴 항목 추가를 클릭합니다.
- 메뉴 항목 추가 창에서 컬렉션 목록 페이지에 표시하려는 컬렉션의 이름을 입력합니다. 링크 필드를 클릭하고 컬렉션을 선택한 다음 컬렉션의 이름을 클릭합니다. 메뉴 항목을 새 위치로 이동하려면 메뉴 항목 왼쪽의 점을 클릭하고 끌어서 놓습니다.
- 저장을 클릭합니다.
Supply와 같은 일부 테마에서는 All collections 메뉴를 생성하기만 하면 됩니다. 변경 사항이 있는지 확인하려면 온라인 스토어의 컬렉션 목록 페이지(your-store.com/collections)로 이동하십시오. 변경 사항이 없는 경우 테마 코드를 편집해야 합니다.
list-collections.liquid 템플릿 사용자 지정
컬렉션 목록 페이지의 코드를 편집하여 All collections 메뉴에 포함한 컬렉션만 페이지에 표시되도록 할 수 있습니다.
단계:
데스크톱
- Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
- 편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
- 섹션 디렉토리에서 list-collections-template.liquid를 클릭합니다.
- 다음 코드의 각 항목을 찾습니다.
{% for collection in collections %}일부 테마에는 대신 다음 코드가 포함됩니다.
{% for collection in list_collections %}위의 코드의 각 항목을 다음으로 교체합니다.
{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}- 저장을 클릭합 니다.
iPhone
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 테마 관리를 탭합니다.
- 편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
- 섹션 디렉토리에서 list-collections-template.liquid를 클릭합니다.
- 다음 코드의 각 항목을 찾습니다.
{% for collection in collections %}일부 테마에는 대신 다음 코드가 포함됩니다.
{% for collection in list_collections %}위의 코드의 각 항목을 다음으로 교체합니다.
{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}- 저장을 클릭합니다.
Android
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 테마 관리를 탭합니다.
- 편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
- 섹션 디렉토리에서 list-collections-template.liquid를 클릭합니다.
- 다음 코드의 각 항목을 찾습니다.
{% for collection in collections %}일부 테마에는 대신 다음 코드가 포함됩니다.
{% for collection in list_collections %}위의 코드의 각 항목을 다음으로 교체합니다.
{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}- 저장을 클릭합니다.