Studio Two 에디터: 반복 레이아웃 추가 및 설정하기

필터를 사용해 설정한 조건과 일치하는 아이템만 표시합니다. 예를 들어 정원이 있는 매물이나 판매 중인 그림만 표시할 수 있습니다. 필터를 2개 이상 추가하면 모든 조건과 일치하는 아이템만 표시됩니다.

1. 필터를 클릭합니다.
2. + 새 필터를 클릭합니다.
3. 입력란 선택을 클릭한 후 필터링할 입력란을 선택합니다.
4. 아이템이 충족해야 하는 조건(예: 일치 또는 다음으로 시작)을 선택합니다. 선택할 수 있는 조건은 입력란 유형에 따라 달라집니다.
5. 아이템이 일치해야 하는 값을 입력합니다.
6. (선택사항) 필터를 추가하려면 + 새 필터를 클릭합니다.
7. 적용을 클릭합니다.

정렬을 사용해 아이템이 표시되는 순서를 설정합니다. 정렬은 최대 3개까지 추가할 수 있습니다. 첫 번째 기준에 따라 아이템을 정렬한 후, 값이 같은 아이템에는 다음 정렬 기준을 적용합니다. 예를 들어 날짜순으로 정렬한 후 날짜가 같은 아이템을 이름순으로 정렬할 수 있습니다.

1. 정렬을 클릭합니다.
2. + 새 정렬을 클릭합니다.
3. 입력란 선택을 클릭한 후 정렬 기준으로 사용할 입력란을 선택합니다.
4. 정렬 순서를 선택합니다(예: 텍스트 입력란의 경우 알파벳 (A-Z) 또는 역알파벳 (Z-A)).
5. (선택사항) 값이 같은 아이템에 다른 정렬 기준을 적용하려면 + 새 정렬을 클릭합니다.
6. 적용을 클릭합니다.

로딩당 아이템 수 슬라이더를 드래그하거나 입력란에 숫자를 입력해 한 번에 로드할 아이템 수를 설정합니다. 라이브 사이트에서 방문자가 아래로 스크롤하면 다음 아이템 세트가 표시됩니다. 데이터 소스의 입력란에 있는 숫자를 사용하려면 로딩당 아이템 수 옆의 데이터에 연결 아이콘을 클릭할 수도 있습니다.

방문자가 클릭할 때만 아이템을 더 표시하려면 더보기 버튼을 추가합니다. 자세한 단계는 이 도움말 하단의 자주 묻는 질문에서 확인할 수 있습니다.

패널 상단에서 AI로 설정을 클릭합니다. 그런 다음 원하는 목록을 설명합니다(예: "최신 프로젝트 6개 표시").

패널 하단에서 데이터 관리를 클릭해 CMS에서 컬렉션을 엽니다. 컬렉션에서 아이템을 추가, 편집 또는 삭제하거나 새 입력란을 추가할 수 있습니다.

네. 액션바의 데이터 관리 옆에 있는 드롭다운 화살표를 클릭하고 연결 변경을 선택합니다. 새 소스를 선택해 적용을 클릭한 후 변경을 클릭합니다.

반복 레이아웃의 요소를 다시 연결할 필요는 없습니다. 에디터가 새 소스의 입력란에 자동으로 연결합니다. 연결 후 각 요소를 확인하세요. 원하는 입력란과 다른 입력란이 연결될 수 있습니다.

아니요. 반복 레이아웃에는 한 번에 하나의 소스만 표시할 수 있습니다. 2개 소스의 콘텐츠를 표시하려면 소스마다 반복 레이아웃을 추가합니다.

아니요. 컬렉션의 모든 아이템은 그대로 유지됩니다. 필터와 정렬은 사이트에 표시되는 아이템과 표시 순서만 변경합니다.

네. 각 그룹에 반복 레이아웃을 추가하고, 반복 레이아웃마다 별도의 필터를 설정합니다. 예를 들어, '추천' 아이템을 표시하는 반복 레이아웃과 '최신' 아이템을 표시하는 반복 레이아웃을 각각 추가할 수 있습니다.

아이템을 드래그해 사용자 지정 순서로 정렬할 수는 없습니다. 대신 컬렉션에 숫자 입력란(예: '표시 순서')을 추가하고 각 아이템에 숫자를 지정한 후 해당 입력란을 기준으로 정렬합니다.

예. 방문자가 버튼을 클릭할 때마다 다음 아이템 세트가 표시되도록 버튼을 추가할 수 있습니다. 각 세트에는 로딩당 아이템 수에서 설정한 수만큼 아이템이 표시됩니다.

먼저 섹션을 소스에 연결합니다. 그런 다음 반복 레이아웃과 버튼을 섹션의 소스에 연결합니다. 반복 레이아웃에 직접 연결한 소스는 반복 레이아웃 내부에서만 작동하므로, 외부에 있는 버튼에서는 사용할 수 없습니다.

버튼을 반복 레이아웃 외부(예: 반복 레이아웃 아래)에 배치합니다. 반복 레이아웃 내부에 배치하면 모든 아이템에 버튼이 표시됩니다.

더보기 버튼을 추가하려면:

1. 에디터로 이동합니다.
2. 반복 레이아웃이 소스에 연결되어 있지 않은지 확인합니다.
   • 새 반복 레이아웃: 아직 배너에서 연결하지 않습니다.
   • 연결된 반복 레이아웃: 같은 컬렉션을 사용하려는 경우에도 연결을 해제합니다. 반복 레이아웃을 선택하고 에디터 오른쪽 상단에서 검사창 열기 아이콘을 클릭합니다. 설정 탭의 연결된 소스 아래에서 소스 옆의 추가 작업 아이콘을 클릭한 후 제거를 선택합니다.
3. 섹션을 컬렉션에 연결합니다.
   1. 반복 레이아웃이 있는 섹션을 선택합니다.
   2. 아직 열려 있지 않다면 에디터 오른쪽 상단에서 검사창 열기 아이콘을 클릭합니다.
   3. 아직 열려 있지 않다면 설정 탭을 클릭합니다.
   4. 데이터 소스 아래에서 + 소스 연결을 클릭합니다.
   5. CMS 컬렉션에서 컬렉션을 선택합니다.
4. 반복 레이아웃을 섹션의 컬렉션에 연결합니다.
   1. 반복 레이아웃을 선택합니다.
   2. 반복 레이아웃 배너에서 데이터에 연결을 클릭합니다.
   3. 소스 선택을 클릭하고 동일한 컬렉션을 선택합니다. 입력란은 자동으로 선택됩니다.
   4. 적용을 클릭합니다.
5. 클릭할 때마다 표시할 아이템 수를 설정합니다.
   1. 반복 레이아웃을 선택하고 액션바에서 데이터 설정 아이콘을 클릭합니다.
   2. 로딩당 아이템 수 슬라이더를 드래그하거나 입력란에 숫자를 입력합니다.
6. 반복 레이아웃 아래에 버튼을 추가하고 버튼 텍스트를 변경합니다(예: '더보기').
7. 방문자가 스크롤할 때 반복 레이아웃에서 아이템을 불러오지 않도록 설정합니다.
   1. 반복 레이아웃을 선택합니다.
   2. 고급 아래의 이벤트 핸들러로 스크롤합니다.
   3. 더보기 옆의 X를 클릭합니다.
8. 버튼을 컬렉션에 연결합니다.
   1. 버튼을 선택합니다.
   2. 고급 아래의 이벤트 핸들러로 스크롤합니다.
   3. 클릭 시 아래에서 함수 선택을 클릭합니다.
   4. 소스 선택을 클릭한 후 동일한 컬렉션을 선택합니다.
   5. 입력란 드롭다운을 클릭한 후 더보기를 선택합니다.
   6. 적용을 클릭합니다.

기본적으로 아무것도 표시되지 않습니다. 표시할 아이템이 없으면 반복 레이아웃이 라이브 사이트에 나타나지 않습니다. 예를 들어 필터 조건과 일치하는 아이템이 없거나 컬렉션에 아이템을 추가하기 전에는 반복 레이아웃이 표시되지 않을 수 있습니다.

대신 반복 레이아웃 자리에 표시할 콘텐츠를 디자인할 수 있습니다. 예를 들어 '아이템을 찾을 수 없습니다'라는 메시지나 다른 페이지로 연결되는 버튼을 추가할 수 있습니다.

반복 레이아웃에 아이템이 없을 때 표시되는 콘텐츠를 사용자 지정하려면 다음 단계를 따르세요.

1. 반복 레이아웃을 클릭합니다.
2. 반복 레이아웃 라벨에서 기본 모드 드롭다운을 클릭한 후 아이템 없음을 선택합니다.
3. 반복 레이아웃 안에 방문자에게 표시할 요소를 추가하고 디자인합니다.
4. 아이템 없음 드롭다운을 클릭한 후 기본 모드를 선택해 아이템으로 돌아갑니다.

네. 액션바에서 레이아웃 변경을 클릭한 후 카드, 목록, 슬라이더, 고급 그리드 중 하나를 선택합니다. 카드 레이아웃에서는 액션바에서 각 행에 표시할 아이템 수도 설정할 수 있습니다.

네. 컬렉션 페이지를 추가하고 아이템 페이지를 선택하면 동일한 디자인으로 아이템을 한 번에 하나씩 표시할 수 있습니다. 페이지 추가 및 관리 방법에 대해 자세히 알아보세요.

네. Wix 예약, Wix 쇼핑몰, Wix 이벤트 등의 Wix 앱을 사이트에 추가한 후 요소 추가 패널에서 해당 앱의 요소를 추가할 수 있습니다. 이러한 요소는 이미 앱 데이터에 연결되어 있으므로 직접 연결할 필요가 없습니다.

예를 들어 요소 추가 패널에서 Wix 예약을 찾아 서비스 목록을 추가하면 반복 레이아웃에 서비스를 표시할 수 있습니다.

네. 반복 레이아웃은 제품에 직접 연결할 수 없으므로 먼저 섹션을 Wix 쇼핑몰 카테고리에 연결해야 합니다. 그런 다음 반복 레이아웃을 해당 카테고리의 제품 목록에 연결합니다.

반복 레이아웃에 Wix 쇼핑몰 제품을 표시하려면 다음 단계를 따르세요.

1. 에디터로 이동합니다.
2. 섹션을 카테고리에 연결합니다.
   1. 반복 레이아웃이 포함된 섹션을 선택합니다.
   2. 에디터 오른쪽 상단에서 검사창 열기 아이콘을 클릭합니다.
   3. 아직 열려 있지 않다면 설정 탭을 클릭합니다.
   4. 데이터 소스 아래에서 + 소스 연결을 클릭한 후, Wix 쇼핑몰 아래에서 카테고리를 선택합니다.
3. 표시할 제품을 선택합니다.
   1. 연결된 소스 아래의 카테고리 옆에서 추가 작업 아이콘을 클릭한 후 데이터 설정을 선택합니다.
   2. 카테고리(예: 전체 제품)를 선택합니다.
4. 반복 레이아웃을 카테고리의 제품에 연결합니다.
   1. 반복 레이아웃을 선택합니다.
   2. 반복 레이아웃 배너에서 데이터에 연결을 클릭합니다.
   3. 소스 아래 입력란을 클릭한 후 제품 목록을 선택합니다. 입력란은 자동으로 선택됩니다.
   4. 적용을 클릭합니다.
5. 반복 레이아웃 안의 각 요소(예: 제품명 또는 이미지)를 제품 소스의 입력란에 연결합니다. 자세한 단계는 위의 '반복 레이아웃 요소 연결하기'에서 확인하세요.

네. 소스의 각 아이템에 고유한 목록이 있다면 가능합니다. 예를 들어 Wix 예약의 각 서비스에는 고유한 담당자 목록이 있습니다. 이 목록을 표시하려면 기본 반복 레이아웃의 아이템 안에 반복 레이아웃을 추가합니다. 일부 Wix 앱(예: Wix 예약) 및 사용자 지정 코드의 목록에 사용할 수 있습니다.