Following a zero-code approach for configuring the Commerce application's look and feel, Commerce System Administrators (See "Commerce User Management" for more information) are able to configure various screens, enable/disable and rearrange the sequence of fields.

This is maintained in 'Commerce Administration' > 'Screen Configuration' and includes the following screens (not a finite list): 

• Product Card (Tile/List views)
• Product Detail
• Equipment (Tile/List views)
• Shopping Cart (Order)
• Shopping Cart (Inquiry)
• Checkout Order
• Review Order
• Reorder
• Review Reorder
• Order History (Overview/Detail views)
• Order Amendment
• Inquiry History (Overview/Detail views)
• Self-registration
• etc.

Configuring screens - General

Depending on the screen, different sections are available. Within each, relevant fields/attributes will be displayed.

 

Sections that host a fixed number of fields

For the configuration of such sections (e.g. 'Line Item Header' and 'Line Item Sub-Header'), the following adjustments can be made: 

• Change the fixed attribute 
• Display/Hide Label of the attribute 
• Define the Localisation of the label displayed 

 

Sections that can host a flexible number of fields 

For the configuration of such sections (e.g. 'Line Item Attributes' and 'Order Attributes'), the following adjustments can be made: 

• Add/Remove attributes to be printed 
• Hide/Show attribute(s) from the UI 
• Display/Hide Label of the attributes 
• Define the Localisation of the labels displayed 
• Re-sequence attributes by dragging/dropping the respective rows

 

Adding / Changing Fields

Following an API-first approach, when the 'Add' or 'Change' button is clicked, the list of options shown is presented according to the data structure, with fields accessed by the related/nested data points. For example, as the product is part of the line item, hence product information is accessed by leveraging the following relation. 

 

Product Catalogue Page: Product Card (Tile/List views)

The attributes and labels to be displayed are set up in Commerce Administration. 

This is maintained in 'Commerce Administration' > 'Screen Configuration' > 'Product Card (Tile)' and 'Product Card (List)'. 

The corresponding sections that have been configured are presented on the Product Catalogue Page in tile and list views respectively as such: 

 

 

Product Detail Page: Description and Technical Specification

The attributes and labels to be displayed are set up in Commerce Administration. 

This is maintained in 'Commerce Administration' > 'Screen Configuration' > 'Product Detail':

The corresponding sections that have been configured are presented on the Product Detail Page as such: 

 

Product Detail Page: Description and Technical Specification

Sealed Variants (i.e. configurable products with pre-selected attribute values) may have its unique Technical Specifications displayed on the Product Detail screen. 

This is maintained in 'Commerce Administration' > 'Screen Configuration' > 'Product Detail'. 

While adding or changing the attributes are not allowed in this section, the following adjustments can be made: 

• Hide/Show attribute(s) from the UI 
• Display/Hide Label of the attributes 
• Define the Localisation of the labels displayed 
• Re-sequence attributes by dragging/dropping the respective rows

Furthermore, 2 Modes of presentation are available: 

1. Tab Mode; this mode prints the additional sections in a horizontal format, in separate tabs
   
   
2. List Mode; this mode prints the additional sections on top of each other
   
   

 

Equipment Page: Equipment (Tile/List views)

The attributes and labels to be displayed are set up in Commerce Administration. 

This is maintained in 'Commerce Administration' > 'Screen Configuration' > 'Equipment (Tile)' and 'Equipment (List)'. 

The corresponding sections that have been configured are presented on the Equipment Page in list and tile views respectively as such: 

 

 

Shopping Cart (Order)

The attributes and labels to be displayed are set up in Commerce Administration. 

This is maintained in 'Commerce Administration' > 'Screen Configuration' > 'Shopping Cart (Order)'. 

The corresponding sections that have been configured are presented on the Equipment Page in list and tile views respectively as such: 

 

Shopping Cart (Inquiry)

The attributes and labels to be displayed are set up in Commerce Administration. 

This is maintained in 'Commerce Administration' > 'Screen Configuration' > 'Shopping Cart (Order)'. 

The corresponding sections that have been configured are presented on the Equipment Page in list and tile views respectively as such: 

 

Checkout Order

Indicating Fields for Validation During Checkout

For the checkout relevant screens, input fields can be marked to activate a server-side validation. 

This is maintained in 'Commerce Administration' > 'Screen Configuration' > 'Checkout Order'. 

E.g. If the PO Number is required to be validated upon entry because there may be a changed pricing behaviour, then the toggle switch for the fields 'Validate' can be set to 'True'. 

In the above example, when the user performs a checkout and enters a PO number, the system will trigger a pricing call. In contrast, if 'Validate' is set to 'False', if Billing and / or Shipping Address info is entered, the system will not trigger a round-trip to validate the entries made. 

 

Review Order

 

Reorder

 

Review Reorder

 

Order History (Overview)

 

Order History (Detail)

 

Order Amendment

 

Inquiry History (Overview)

 

Inquiry History (Detail)

 

Self-registration Form

Different companies require different information from their users to be captured through the self-registration process. Tailoring and customising their self-registration forms to only include relevant fields supports smoother management of new contacts and accounts.

A Commerce System Administrator (See "Commerce User Management" for more information) is able to customise the Self-Registration form under 3 sections: 'Contact', 'Account', and 'Address' so all relevant information needed will be captured.

Addition and editing of fields may be done through 'Commerce Administration' > 'Screen Configuration' > 'Self Registration': 

(See "Self-Registration: Sign-up for faster onboarding" for more information)