Screen Configuration Maintenance

Following a zero-code approach for configuring the Commerce application's look and feel, Screen Configuration enables the application administrators to enable/disable fields as well as rearrange the sequence of the same.

As an example, the following screens can be configured (not an finite list):

• Product Card (Tile)
• Product Card (List)
• Product Detail
• Shopping Cart
• Checkout Order
• etc. 

Depending on the screen itself, different sections are available. Example: the fields available on the 'Order Checkout' screen are depicted in the following figure:

For each section, the administrator can take the following actions:

• Display / Hide Label by selecting the respective toggle switch state
• Change / define the localisation
• Hide fields from the UI by selecting the respective toggle switch state (only available for sections that can host more than one (1) field)
• Re-arrange / change sequence by dragging / dropping the respective rows (only available for sections that can host more than one (1) field) 

Certain sections (e.g. 'Line Item Header' and 'Line Item Sub-Header') can only host one field. In this case, the administrator is only allowed to change the field. For the other sections (e.g. 'Line Item Attributes' and 'Order Attributes'), the user can decide which fields to be printed:

Selecting / Swapping Fields	Adding Additional Fields

As we're following an API-first approach, the administrators can also traverse through the data structure by accessing related / nested data points, e.g. the product is part of the line item, hence the product information can be accessed by leveraging the following relation: