How to configure attribute columns for Products page

Prev Next

You can configure to display the default attribute columns for the Products page. By default, you can view Type, Identifier, Display Name, Status, and Modified Date columns in the grid.

Sample JSON configuration

Sample JSON to configure attribute columns for the Products page (Thing domain):

{
  "metaInfo": {
    "dataIndex": "config",
    "collectionName": "configObjects",
    "responseObjectName": "response"
  },
  "configObjects": [
    {
      "id": "rock-entity-search-result-v2-thing_commerceUXConfig",
      "name": "rock-entity-search-result-v2-thing",
      "type": "commerceUXConfig",
      "data": {
        "contexts": [
          {
            "context": {
              "component": "rock-entity-search-result-v2",
              "domain": "thing",
              "role": "_DEFAULT"
            },
            "jsonData": {
              "config": {
                "gridConfig": {
                  "itemConfig": {
                    "fields": {
                      "id": {
                        "visible": false
                      },
                      "name": {
                        "sortable": true
                      },
                      "numberId": {
                        "visible": true,
                        "name": "numberId",
                        "sortable": true,
                        "displaySequence": 60
                      },
                      "status": {
                        "visible": true,
                        "name": "status",
                        "sortable": true,
                        "displaySequence": 70
                      },
                      "mfgbrandname": {
                        "visible": true,
                        "name": "mfgbrandname",
                        "sortable": true,
                        "displaySequence": 80
                      },
                      "color": {
                        "visible": true,
                        "name": "color",
                        "sortable": true,
                        "displaySequence": 90
                      },
                      "modifiedDate": {
                        "filterable": false,
                        "visible": true,
                        "name": "modifiedDate",
                        "isMetaDataColumn": true,
                        "header": "Last Modified Date",
                        "sortable": true,
                        "displaySequence": 100
                      }
                    }
                  }
                }
              }
            }
          }
        ]
      }
    }
  ]
}

To configure attribute columns:

  1. Download the attached JSON file.

rock-entity-search-result-v2-thing_commerceUXConfig
2.34 KB
  1. Open the rock-entity-search-result-v2-thing_commerceUXConfig.json file and specify the following:

Parameters

Details

context

component

Specify the name of the component to be configured.

domain

Specify the domain name for which the component is to be configured. For example, ‘thing’.

role

Specify the role for which the component is to be configured, else _DEFAULT.

Note: By default, _DEFAULT is specified for role, which implies the component is configured for all roles and users.

config

Specify the attributes to be configured in the Products page with the following details:

name

Specify the internal name of the attribute.

visible

Show or hide the attribute column in the grid.

  • true – implies the attribute column is displayed in the grid.

  • false – implies the attribute column is hidden in the grid.

displaySequence

Defines the order in which the attribute columns are arranged or displayed in the grid.

sortable

Show or hide sort icons on the column headers.

  • true – implies the sort icon is displayed in the grid.

  • false – implies the sort icon is hidden in the grid.

  1. Upload the JSON configuration file in the Classic UI. For more information, see How to upload UI Configurations.

  2. In the application, go to the Products page.

    In the Products page, you can view the attribute columns based on the configuration.

    ui-configurations-products-page-grid.png