레이아웃은 구성 환경의 프레젠테이션 계층입니다. Blueprint가 필드, 규칙, 레이아웃 및 구성 가능한 제품을 한데 모으는 경우, 레이아웃은 이러한 요소가 표시되는 방식에 중점을 둡니다.

• 각 페이지 또는 탭에 표시되는 필드
• 섹션의 그룹화 및 레이블 지정 방법
• 세트, 제품 선택기 및 메시지 배열 방법
• 제품 목록이 구성과 함께 렌더링되는 방식

레이아웃은 Blueprint별로 정의됩니다. 단일 Blueprint에 하나 이상의 레이아웃이 있을 수 있으므로 구성 논리를 복제하지 않고도 다양한 가상 사용자, 채널 또는 데모 경험을 지원할 수 있는 유연성을 제공합니다.

Blueprint에 여러 개의 레이아웃이 있는 경우 최종 사용자는 구성기 UI의 오른쪽 위 모서리에 있는 대체 레이아웃 컨트롤을 사용하여 Blueprint를 회전할 수 있습니다.

레이아웃이 구성 모델에 적용되는 방식

레이아웃은 CPQ 구성 스택의 프레젠테이션 계층에 배치됩니다.

• 필드는 데이터를 수집하고 표시합니다.
• 규칙은 동작(가시성, 메시징, 계산, 제품 포함 등)을 제어합니다.
• Blueprint는 필드, 규칙, 레이아웃 및 구성 가능한 제품을 단일 구성 환경으로 연결합니다.
• 레이아웃은 기본 로직을 변경하지 않고도 구매측 인터페이스(페이지, 탭, 섹션 및 제품 목록)를 정의합니다.

레이아웃은 필드 변수 이름 및 제품 목록 매개변수를 참조하므로 규칙이나 데이터 구조를 수정하지 않고도 레이아웃을 안전하게 반복할 수 있습니다(예: 계층 재구성 또는 표시 유형 변경).

레이아웃 구성요소

레이아웃은 레이아웃 CSV 파일에서 정의하고 레이아웃 마법사 또는 레이아웃 편집기에서 구체화하는 재사용 가능한 구조 및 시각적 요소로 구성됩니다.

계층을 중첩하여 다단계 레이아웃(예: 탭이 포함된 페이지 또는 확장 가능한 섹션이 포함된 탭)을 빌드할 수 있습니다.

레이아웃 정의 및 도구

레이아웃은 CSV 파일과 제품 내 도구의 조합을 사용하여 작성 및 유지관리됩니다.

• CSV 레이아웃 업로드
  • 레이아웃의 기본 정의 형식
  • 스프레드시트 도구에 내장되어 CSV 파일로 익스포트됨
  • 계층, 열 세트, 필드, 제품 목록 및 구성요소 속성에 대한 모든 제어 지원
• 레이아웃 마법사
  • Blueprint의 필드에서 초기 레이아웃을 빠르게 생성할 수 있도록 도와줍니다.
  • 계층 및 주요 그룹의 시각적 미리 보기 제공
  • 출발점 역할을 합니다. 미세 조정은 CSV 파일 또는 레이아웃 편집기를 통해 수행됩니다.
• 레이아웃 편집기
  • 관리자 UI에서 직접 기존 레이아웃을 편집할 수 있습니다.
  • 계층 및 열 세트 정렬, 레이블 편집, 표시 유형 조정, 확장 속성 업데이트 지원
  • 누락되거나 부분적으로 지원되는 요소에 대한 바로 가기 키와 시각적 단서를 제공합니다.

어떤 도구를 사용하든 레이아웃은 궁극적으로 구성 환경이 발전함에 따라 익스포트, 버전 관리 및 교체가 가능한 구조적 정의로 저장됩니다.

세트 및 반복 가능한 컨텐츠

레이아웃은 세트가 표시되는 방식도 제어합니다.

• 테이블(헤더가 있는 행 및 열)로
• 목록으로(선택적 선택 및 검색 동작이 있는 카드 스타일 행)
• 사용자가 한 번에 하나의 인덱스 세트에 초점을 맞추는 반복자에서

확장 방향, 크기 컨트롤, 메시지 표시기, 인라인 추가/제거 컨트롤, 업로드/다운로드 동작과 같은 세트별 레이아웃 속성은 확장 속성 및 원시 값 JSON을 통해 레이아웃에서 구성됩니다.

레이아웃의 제품 목록 섹션은 쇼핑 카트가 표시되는 방식을 정의합니다.

• 열로 표시되는 제품 목록 매개변수(예: 이름, 수량, 가격, 확장된 속성)
• 열의 레이블 지정 및 정렬 방법
• 제품 목록이 인라인인지 창인지 여부

제품 목록 열은 productlist 및 productlistcolumn 유형을 사용하고 ProductList<param> 를 참조하여 레이아웃 CSV 파일에 의해 구동됩니다. 제품 규칙 및 기본 테이블에 정의된 값입니다.