레이아웃의 제품 목록
BOM(자재 명세서) 및 제품 상세 정보의 데이터를 표시하도록 레이아웃에서 CPQ 제품 목록을 정의하고 사용자 지정합니다. 레이아웃 CSV 파일 또는 레이아웃 편집기에서 목록 배치, 열, 표시 설정을 구성하여 최종 사용자에게 명확하고 구조화된 제품 및 가격 책정 정보를 제공합니다.
에서 CPQ레이아웃 정의는 CSV 파일을 통해 수행됩니다. 제품 목록은 BOM(자재 명세서)에 제품 및 관련 정보를 표시할 수 있는 구성요소입니다. 제품 목록 구성요소를 productlistproductlistcolumns제어하기 위한 레이아웃에는 2가지 유형의 열이 있습니다. 및 . 여러 제품 목록을 레이아웃에 포함하여 다양한 BOM 유형의 제품을 표시할 수 있습니다.
제품 목록 정의
레이아웃 CSV 파일에서 다음 열 가이드라인을 사용하여 제품 목록 행을 정의합니다.
- 제품 목록의 유형(레이아웃 CSV 파일의 열 A)은 다음과 같이 정의됩니다. productlist
- 경로(레이아웃 CSV 파일의 B 열)는 제품 목록에 필요하지 않습니다. 비워 두면 제품 목록이 표준 위치에 배치됩니다. 계층에 제품 목록을 배치하려면 계층을 기준으로 경로를 지정합니다. 예:
/layout/tiers/myTier/myProductList
제품 목록에는 값 필드를 JSON 형식으로 설정하여 제어할 수 있는 여러 속성이 있습니다.
예제:
{
"location": "right",
"type": "sales",
"totalLocation": "bottom",
"hierarchyColumn": "displayName",
"displayZeroPriceAs": "On Request",
"displayNullPriceAs": ""
}
사용 가능한 옵션
위치는 제품 목록 구성요소가 레이아웃에서 표시할 위치를 나타냅니다. 값은 right (기본값), left, bottom또는 modal입니다.유형은 제품의 필드를 기반으로 이 제품 목록에 포함되는 제품을 결정합니다 bomType . 값은 , manufacturing또는 관리자가 제품에 지정한 사용자 지정 유형일 sales수 있습니다. 여러 BOM 유형을 포함할 수 있습니다. 예:유형: 판매, customBOMTypeA, customBOMTypeB,유형: 모두totalLocation은 카트 합계가 표시되는 위치를 결정합니다. 유효한 값은 bottom, , topboth, none및 입니다.hierarchyColumn은 제품에 하위 제품이 있을 때 확장 화살표 또는 축소 화살표를 표시하는 열을 결정합니다.displayZeroPriceAs및displayNullPriceAs는 제품 목록에 0 및 null 가격을 표시하는 방법을 결정합니다. 표시 값은 "요청 시"와 같은 모든 문자열이 될 수 있습니다. 0이 제공되면 로캘 및 기호 또는 코드(예: USD 0.00)와 함께 0 가격이 표시됩니다. 공백이 기본값이며 지정하지 않으면 동작이 됩니다.
제품 목록 열
제품 목록 열은 제품 목록의 하위이며 BOM에 표시되는 제품의 데이터와 함께 표시되는 데이터 열을 정의합니다. 표시할 제품 데이터의 각 열에 대해 제품 목록 열을 생성합니다.
레이아웃 CSV 파일에서 다음 열 가이드라인을 사용하여 제품 목록 열 행을 정의합니다.
- type(레이아웃 CSV 파일의 열 A)에 대해 제품 목록 열 행은 다음과 같이 정의됩니다.productlistcolumn
- path (레이아웃 CSV 파일의 B 열) 제품 목록의 열은 제품 목록을 기준으로 정의됩니다. 예: /productList/columns.
- variablename (레이아웃 CSV 파일의 열 E)는 제품에서 일치하는 필드를 기반으로 표시할 데이터를 결정합니다. 열에 variablename
extended.columnName을 입력하여 확장된 제품 목록 값을 표시할 수 있습니다. 예를 들어extended.taxExempt는ProductList.extended.taxExempt의 값을 표시합니다. - classname (레이아웃 CSV 파일의 H 열)를
허용 줄 바꿈으로 설정하여 레이아웃의 해당 열에 있는 콘텐츠를 줄 바꿈할 수 있습니다. value (레이아웃 CSV 파일의 열 I)는 레이아웃에서 열의 시각적 스타일을 정의합니다.- 열은 value 너비를 지정할 수 있습니다. 예:
{"width":"10%"}. - 너비를 지정할 경우 모달 또는 하단 도킹된 제품 목록에 백분율을 사용하는 것이 좋습니다.
- 제품 목록의 너비가 고정되어 있기 때문에 왼쪽 도킹 또는 오른쪽 도킹 제품 목록에는 (픽셀)와 같은 px 고정 단위를 사용하는 것이 좋습니다. 사용하지 ch 않는 것이 좋습니다.
- 열은 value 너비를 지정할 수 있습니다. 예:
레이아웃 편집기
제품 목록과 해당 속성은 UI에서 레이아웃 편집기를 사용하여 편집할 수 있습니다 CPQ . 제품 목록 레이아웃 요소는 페이지 하단에 있습니다.
제품 목록 레이아웃 요소 안으로 이동할 때 제품 목록 레이아웃 요소의 오른쪽 상단에 나타나는 기어를 클릭하여 레이아웃의 이 부분을 편집할 수 있습니다. 제품 목록에는 앞에서 참조한 모든 속성이 포함된 설정 화면이 있습니다.
자세한 내용은 레이아웃에 여러 제품 목록 표시 문서를 참조하십시오.