컴파일 열거형 수집

콘텐츠를 중첩하려면 다른 컬렉션 목록 내에 컬렉션 목록을 표시하세요.

컴파일 열거는 데이터베이스 컬렉션 또는 전자상거래 컴파일의 동적 콘텐츠를 통합하고 스타일을 지정하는 두 가지 방법 중 하나입니다. 다양한 페이지에 컴파일 열거형을 도입할 수 있습니다. 동적 콘텐츠를 도입하는 대체 방법은 다음을 사용하는 것입니다. 편집 페이지.

2개의 편집 열거에 가입하면 해당 컬렉션의 모든 항목이 표시됩니다. 

이 튜토리얼 내에서:

  • 편집 열거 구성
  • 다중 참조 필드 생성
  • 편집 열거형 작성
  • Compilation 열거형 포함

편집 열거 구성

중첩된 편집을 구성하려면 동일한 프로젝트에서 2개의 편집 열거(예: Taco Bell 지점 및 사이트 기능)를 연결합니다. 

Compilation 열거 항목에 액세스하면 필드 목록이 관찰됩니다. 이것이 데이터를 구성합니다. 

여기에서 CSV를 사용하여 스프레드시트의 데이터를 가져오거나 새 목록 항목을 수동으로 추가할 수 있습니다.

2개의 Compilation 열거형 데이터를 표시하고 중첩하려면 이들을 연관시켜야 합니다. 이를 달성하기 위해 다중 참조 필드를 공식화해 보겠습니다.

다중 참조 필드 생성

우리는 중첩된 컴파일에서 여러 필드를 참조할 수 있기를 원합니다. 

이를 달성하려면 기본 편집(두 번째 편집의 필드를 끌어들이고 표시할 편집) 내에서 설정 오른쪽 상단에 있습니다. 

이제 탭하세요 새 필드 추가 그리고 골라 다중 참조.

여기에서 필드(예: 기능)에 레이블을 지정하고 컬렉션 아래에서 연결하려는 하위 편집(예: 위치 기능)을 선택한 다음 필드와 편집을 모두 저장할 수 있습니다. 

방금 연결한 편집의 각 목록 항목에 액세스합니다. 이전 단계에서 최근에 구성한 필드(예: 기능)를 찾아 드롭다운을 열고 각 항목에 대해 표시하려는 필드를 첨부합니다.

편집 열거형 작성

연결된 모든 편집(예: 위치 기능)에 대해 디자인이 자동으로 채워지는지 확인해 보겠습니다. 

탐색기 패널을 탐색하면 페이지 구성 요소의 구조를 확인할 수 있습니다. 기본 편집(예: 위치)의 목록 항목을 포함하려면 패널 추가 그리고 추출 컬렉션 열거 래퍼 최상위 컨테이너 내에 배치합니다.

에서 편집 열거 설정 팝업이 나타나면 소스 드롭다운 메뉴에서 연결하려는 컴파일 열거형을 선택하세요.

이제 편집의 각 항목이 자리 표시자(공백)로 표시됩니다.

카드를 목록 항목 중 하나로 이동하면 각 셀에서 자체적으로 복제되어 각 목록 항목에 디자인이 적용됩니다. 이것이 바로 우리가 원하는 일입니다. 

이제 셀의 필드를 클릭하면 내부 텍스트 설정 창이 나옵니다. 로부터 다음에서 문자 받기 드롭다운에서 해당 편집 열거 필드를 선택하면 카드가 자동으로 각 목록 항목의 데이터로 채워집니다.

자동으로 채우려는 각 필드에 대해 이 단계를 다시 실행하세요.

Compilation 열거형 포함

현재는 하나의 Compilation 열거형을 다른 Compilation 열거형 내부에 분류하여 Compilation 열거형을 포함시키려고 합니다.

로부터새 패널 포함, 추가 압수 컬렉션 래퍼 그룹 컬렉션 항목 아래에 있는 초기 컬렉션 목록에 드롭하세요.

팝업 내에서 컬렉션 목록 설정, 소스 드롭다운 메뉴에서 연결하려는 컬렉션 목록을 선택하세요.

이제 컬렉션의 각 요소가 빈 자리 표시자로 표시됩니다.

참고하세요: 메인 컬렉션 목록의 요소 표시를 최대 20개 항목으로 제한하는 것이 좋습니다. 항목 수가 20개를 초과하는 경우 총 CMS 항목 수가 100개를 초과하므로 성능 관련 문제가 발생하지 않도록 페이지 매김을 구현하는 것이 좋습니다.

정보를 삽입하려면 텍스트 블록 ~로부터 패널 포함 방금 추가한 컬렉션 목록 래퍼 안에 넣습니다. 

위의 과정과 유사하게 셀 내의 필드를 클릭하면 내부 텍스트 설정 창이 나타납니다. 로부터 다음에서 텍스트 검색 드롭다운 메뉴에서 컬렉션 목록의 해당 필드를 선택하면 카드가 목록에 있는 각 항목의 데이터로 자동으로 채워집니다.

이것으로 프로세스가 완료됩니다. 컬렉션 중첩 기술을 마스터했습니다. 잘 했어!

이완 막
Ewan Mak의 최신 게시물 (모두 보기)