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 Localization of the labels displayed
- Re-sequence attributes by dragging/dropping the respective rows
- Hide/Show Line Item Optional
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':
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 Localization of the labels displayed
- Re-sequence attributes by dragging/dropping the respective rows
Furthermore, 2 Modes of presentation are available:
- Tab Mode; this mode prints the additional sections in a horizontal format, in separate tabs
- 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.
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)