CMS: 모든 페이지에 Wix Stores 카테고리 표시하기
9 분 분량
홈, 쇼핑카트 페이지와 같은 페이지에서 모든 Wix Stores 제품 카테고리를 갤러리, 반복 레이아웃 또는 표로 표시하세요. 고객이 카테고리를 클릭하면, 제품을 확인할 수 있는 관련 카테고리 페이지로 이동합니다. 또는, 카테고리를 표시하는 새로운 동적 목록 페이지를 추가할 수도 있습니다.
갤러리, 반복 레이아웃 또는 표를 CMS(콘텐츠 관리 시스템)에 연결한 후에는 데이터세트 설정을 사용해 표시할 카테고리를 선택할 수 있습니다. 또한, 표시되는 순서와 한 번에 표시되는 수를 제어할 수도 있습니다.
중요!
이 튜토리얼을 따라하기 위해서는 Wix Stores 제품 카테고리의 새 버전이 필요합니다. 새 버전이 없는 경우, 제품 카테고리가 기존 버전인 카테고리 갤러리를 수동으로 생성하는 방법에 대한 자세한 도움말을 확인하세요.
시작하기 전:
- Wix Stores에 여러 제품 카테고리를 생성합니다.
- 아직 추가하지 않았다면, 사이트에 CMS를 추가해야 합니다.
- Wix 앱 컬렉션을 활성화해 CMS로 Wix Stores를 사용할 수 있도록 합니다.
1 단계 | 페이지에 프로 갤러리, 반복 레이아웃 또는 표 추가하기
에디터에서 Wix Stores 카테고리를 표시할 페이지로 이동합니다. 필요한 경우, 새 페이지를 추가할 수 있습니다. 그 다음 카테고리를 표시할 요소를 추가하세요.
Wix 에디터
에디터 X
Studio 에디터
- 에디터로 이동합니다.
- Wix Stores 카테고리를 표시할 페이지 또는 섹션으로 이동합니다.
- 에디터 왼쪽에서 요소 추가
를 클릭합니다. - 프로 갤러리, 반복 레이아웃 또는 표를 추가합니다.
- 프로 갤러리:갤러리에 카테고리를 표시합니다.
- 갤러리를 클릭합니다.
- 원하는 프로 갤러리를 클릭해 페이지로 끌어다 놓습니다.
- 갤러리에서 기본 이미지를 제거합니다.
- 갤러리를 클릭한 후 미디어 관리를 선택합니다.
- 전체 선택을 클릭한 후 삭제를 클릭합니다.
- 완료를 클릭합니다.
- 반복 레이아웃: 반복 레이아웃에 연결된 여러 요소를 사용해 카테고리를 표시합니다.
- 목록을 클릭합니다.
- 선택한 반복 레이아웃을 클릭해 페이지로 끌어다 놓습니다.
- 나중에 카테고리 페이지에 연결할 수 있도록 반복 레이아웃에 이미지 또는 버튼이 있어야 합니다. 반복 레이아웃에 요소를 추가 또는 제거할 수 있습니다. 필요한 경우, 반복 레이아웃 내부에 필요한 모든 요소에 맞도록 반복 레이아웃의 크기를 조정할 수 있습니다.
- 표: 카테고리를 표 형식으로 표시합니다.
- 목록을 클릭합니다.
- 표를 클릭한 후 원하는 표를 페이지에 끌어다 놓습니다.
- 프로 갤러리:갤러리에 카테고리를 표시합니다.
참고:
표는 에디터 X 또는 Studio 에디터에서는 사용할 수 없습니다.
2 단계 | CMS에 갤러리, 반복 레이아웃 또는 표 연결하기
컬렉션 입력란을 반복 레이아웃, 갤러리 또는 표에 연결하세요. 이러한 동적 입력란의 값은 표시되는 카테고리에 따라 라이브 사이트에서 변경됩니다. 버튼 또는 이미지를 페이지 URL에 연결해야 합니다. 방문자는 링크를 클릭해 해당 쇼핑몰 카테고리 페이지로 이동할 수 있습니다.
Wix 에디터
에디터 X
Studio 에디터
- 에디터에서 반복 레이아웃, 프로 갤러리 또는 표를 클릭합니다.
- CMS에 연결
아이콘을 클릭합니다. - 데이터세트 추가를 클릭합니다. 페이지에 이미 데이터세트가 있는 경우, 데이터세트 선택 드롭다운을 클릭하고 데이터세트 추가를 선택합니다.
- 컬렉션을 선택하세요 드롭다운을 클릭한 후 쇼핑몰 Wix 앱 컬렉션에서 컬렉션을 선택합니다.
- (선택사항) 데이터세트 이름 입력란을 클릭하고 데이터세트의 이름을 입력합니다.
- 추가를 클릭합니다.
- (반복 레이아웃만 적용) 연결 아래에서 연결하고자 하는 반복 레이아웃 요소를 클릭합니다(예: 텍스트, 버튼, 이미지).
- 연결 옵션 아래에서 해당 드롭다운을 클릭해 연결하고자 하는 동적 컬렉션 입력란을 선택합니다.
- 이름(텍스트): Wix Stores에 설정된 카테고리 이름입니다.
- 메인 미디어(이미지): Wix Stores에 설정된 카테고리 이미지입니다.
- 슬러그(텍스트): 카테고리 페이지 웹 주소 끝 부분에 있는 URL의 고유한 부분입니다. 이는 각 쇼핑몰 카테고리의 SEO 설정을 편집해 설정할 수 있습니다.
- ID(텍스트): 각 카테고리 백엔드에 있는 고유 식별자 코드입니다.
- 페이지 URL: 해당 카테고리 페이지의 웹 주소입니다. 버튼의 경우, 클릭 시 수행 작업 드롭다운을 클릭해 페이지 URL을 선택합니다. 이미지 및 프로 갤러리의 경우, 링크 연결 대상 드롭다운을 클릭해 페이지 URL을 선택합니다.
- (반복 레이아웃만 적용) 반복 레이아웃 연결을 클릭한 후 위의 7-8단계를 반복해 반복 레이아웃의 추가 요소를 연결합니다.
- 필요에 따라 반복 레이아웃 요소, 프로 갤러리 또는 표를 클릭해 조정합니다.
도움말: 언제든지 반복 레이아웃에서 요소를 추가 또는 제거할 수 있습니다. 카테고리에 따라 변경되지 않는 정적 콘텐츠를 사용하려면 요소의 연결을 해제합니다. - 미리보기를 클릭해 기능을 테스트합니다.
- 변경 사항을 라이브 사이트에 적용할 준비가 되었다면 게시를 클릭합니다.
(선택사항) 3 단계 | 데이터세트 설정 관리하기
데이터세트 설정에서 한 번에 표시할 수 있는 최대 카테고리 수를 선택할 수 있습니다. 필터를 추가해 특정 카테고리를 포함하거나 정렬을 사용해 카테고리 순서를 제어할 수 있습니다.
Wix 에디터
에디터 X
Studio 에디터
- 에디터에서 연결한 데이터세트를 클릭한 후 설정을 선택합니다.
- 최대 표시 아이템 수 입력란을 편집해 페이지에서 한 번에 불러올 수 있는 최대 카테고리 수를 설정합니다. 이는 연결된 페이지 번호바의 페이지당 또는 "더보기" 버튼의 클릭당 불러올 수 있는 최대 카테고리 수이기도 합니다.
- (선택사항) + 필터 추가를 클릭해 반복 레이아웃 또는 요소에 특정 카테고리만 표시합니다.
- (선택사항) + 정렬 추가를 클릭해 요소에 카테고리가 표시되는 순서를 선택합니다.
- 미리보기를 클릭해 기능을 테스트합니다.
- 변경 사항을 라이브 사이트에 적용할 준비가 되었다면 게시를 클릭합니다.