레이아웃의 제품 목록

  • 릴리스 버전: Australia
  • 업데이트 날짜 2026년 03월 12일
  • 소요 시간: 4분
  • 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 은 제품에 하위 제품이 있을 때 확장 화살표 또는 축소 화살표를 표시하는 열을 결정합니다.
    • displayZeroPriceAsdisplayNullPriceAs 는 제품 목록에 0 및 null 가격을 표시하는 방법을 결정합니다. 표시 값은 "요청 시"와 같은 모든 문자열이 될 수 있습니다. 0이 제공되면 로캘 및 기호 또는 코드(예: USD 0.00)와 함께 0 가격이 표시됩니다. 공백이 기본값이며 지정하지 않으면 동작이 됩니다.

    제품 목록 열

    제품 목록 열은 제품 목록의 하위이며 BOM에 표시되는 제품의 데이터와 함께 표시되는 데이터 열을 정의합니다. 표시할 제품 데이터의 각 열에 대해 제품 목록 열을 생성합니다.

    레이아웃 CSV 파일에서 다음 열 가이드라인을 사용하여 제품 목록 열 행을 정의합니다.

    • type(레이아웃 CSV 파일의 열 A)에 대해 제품 목록 열 행은 다음과 같이 정의됩니다.productlistcolumn
    • path (레이아웃 CSV 파일의 B 열) 제품 목록의 열은 제품 목록을 기준으로 정의됩니다. 예: /productList/columns.
    • variablename (레이아웃 CSV 파일의 열 E)는 제품에서 일치하는 필드를 기반으로 표시할 데이터를 결정합니다. 열에 variablenameextended.columnName을 입력하여 확장된 제품 목록 값을 표시할 수 있습니다. 예를 들어 extended.taxExemptProductList.extended.taxExempt의 값을 표시합니다.
    • classname (레이아웃 CSV 파일의 H 열)를 허용 줄 바꿈 으로 설정하여 레이아웃의 해당 열에 있는 콘텐츠를 줄 바꿈할 수 있습니다. value (레이아웃 CSV 파일의 열 I)는 레이아웃에서 열의 시각적 스타일을 정의합니다.
      • 열은 value 너비를 지정할 수 있습니다. 예: {"width":"10%"}.
      • 너비를 지정할 경우 모달 또는 하단 도킹된 제품 목록에 백분율을 사용하는 것이 좋습니다.
      • 제품 목록의 너비가 고정되어 있기 때문에 왼쪽 도킹 또는 오른쪽 도킹 제품 목록에는 (픽셀)와 같은 px 고정 단위를 사용하는 것이 좋습니다. 사용하지 ch 않는 것이 좋습니다.

    레이아웃 편집기

    제품 목록과 해당 속성은 UI에서 레이아웃 편집기를 사용하여 편집할 수 있습니다 CPQ . 제품 목록 레이아웃 요소는 페이지 하단에 있습니다.

    레이아웃의 제품 목록

    제품 목록 레이아웃 요소 안으로 이동할 때 제품 목록 레이아웃 요소의 오른쪽 상단에 나타나는 기어를 클릭하여 레이아웃의 이 부분을 편집할 수 있습니다. 제품 목록에는 앞에서 참조한 모든 속성이 포함된 설정 화면이 있습니다.

    레이아웃의 제품 목록

    자세한 내용은 레이아웃에 여러 제품 목록 표시 문서를 참조하십시오.