테마를 CPQ 사용하여 사용자 지정
사용자 지정 테마를 사용하면 레이아웃을 사용자 지정할 수 있습니다. 기능 활성화 요청을 제출하여 사용자 지정 테마를 활성화할 수 있습니다.
CPQ 관리자는 사용자 지정 테마를 편집하여 레이아웃의 모양과 느낌을 사용자 지정할 수 있습니다.
레이아웃 편집기에서 사용자 지정 테마 옵션에 액세스하려면 기능 활성화 요청을 제출 CPQ 하여 테마를 활성화합니다.
시작
블루프린트 페이지에서 레이아웃을 선택한 다음 페이지 위쪽의 테마 사용자 지정 탭을 클릭합니다.
테마 사용자 지정 탭에서 테마 사용을 클릭하여 켭니다. (기본적으로 이 옵션은 꺼져 있습니다.)
이 옵션을 켜면 전체 테마 편집기 화면이 표시됩니다.
시각적 편집기
시각적 편집기에는 5개의 옵션 세트와 대화형 미리 보기가 포함되어 있습니다. 기본적으로 표준 CPQ 테마가 적용되지만 필드를 수정하여 테마 사용자 지정을 시작할 수 있습니다.
시각적 편집기에서 다음 옵션을 사용할 수 있습니다.
| 옵션 | 설명 |
|---|---|
| 루트 텍스트 색상 | 레이아웃에 사용되는 기본 글꼴 색상 |
| 기본 색상 | 버튼과 선택에 가장 자주 사용되는 색상 |
| 기본 배경색 | 배경 및 컨테이너에 사용되는 기본 색상 |
| 보조 배경색 | 확장 가능한 섹션 배경과 같은 계층 항목에 사용되는 기본 색상 |
| 중립 색상 | 힌트 텍스트와 같은 필드에 사용되는 보조 색상 |
| 성공 색상 | 성공 메시지 배너의 배경색 |
| 정보 색상 | 중립 메시지 배너의 배경색 |
| 경고 색상 | 경고 메시지 배너의 배경색 |
| 오류 색상 | 오류 메시지 및 필드 확인의 색상 |
| 글꼴 크기 | 기본 글꼴 크기; 소형, 중형, 대형 |
| 테두리 반경 | 0 = 정사각형, 16 = 둥근 필드의 테두리 모양을 결정합니다. |
| 테두리 너비 | 필드 테두리의 전체 크기를 결정합니다. 없음, 일반, 두껍게 |
| 간격 | 레이아웃의 전체 패딩을 결정합니다. 타이트, 보통, 느슨 |
JSON 편집기
JSON 편집기는 테마에 포함된 모든 요소에 대해 재정의를 사용하여 추가 제어를 제공합니다.
기본적으로 현재 테마의 값이 표시되지만 사용자가 새 키 값 쌍을 수동으로 입력하여 테마를 수정할 수 있습니다. 테마 JSON의 구조가 편집기에 이미 제공되어 있습니다. 편집기를 클릭하면 사용자가 코드 블록을 입력할 수 있습니다. 시각적 편집기에서 변경한 내용은 JSON 편집기에 표시되며 그 반대의 경우도 마찬가지입니다.
토글을 사용하면 전체 테마를 취소하지 않고 되돌릴 수 있는 필드에 대한 참조로 표준 CPQ 테마를 숨기거나 표시할 수 있습니다.
샘플 데이터에 포함되지 않은 레이아웃 요소를 덮어쓰려면 레이아웃을 검사하여 변경할 필드를 결정할 수 있습니다. --lgk-로 시작하는 필드는 테마에서 사용자 지정할 수 있습니다.
다음 예제에서는 토글을 검사하는 방법을 보여줍니다.
요소를 덮어쓰려면 테마 재정의의 속성 섹션에 필드 이름과 수정된 값을 추가합니다. 형식에는 --lgk- 가 포함되지 않아야 하며 "fieldname" : "value"여야 합니다.
다음은 테마 재정의의 예입니다.
사용자 지정 글꼴 사용
테마는 시각적 편집기 또는 JSON 편집기에 입력된 호스팅된 URL을 통해 사용자 지정 글꼴을 지원할 수 있습니다. 이 글꼴 파일은 테마에 액세스할 수 있도록 호스팅되어야 합니다. 사용자 지정 글꼴의 경우 이름과 글꼴 소스 URL을 제공해야 합니다.