Action Buttons

Depending on each product's settings as well as the overall order/inquiry permissions enabled for the account, the following action buttons may be available on the Product Detail page (See "Product Master Pre-Requisites" and "Commerce Administration: Order and Inquiry" for more information) 

Icon	Descriptions
	Add-to-Cart icon shown for non-configurable products, when order and/or inquiry process has been enabled. When clicked, the respective product is added to the cart for order/inquiry. (See "Process Overview: Orders" for more information)
	Add-to-Cart-&-Configure icon shown for configurable products, when inquiry process has been enabled. (Ordering of configurable products directly via commerce is not supported.) When clicked, the respective product is added to the inquiry section of the cart and the web configurator is launched. (See "Process Overview: Inquiries" for more information)
	Configure-the-Variant icon shown for classified products with KMAT references, when inquiry process has been enabled. (Ordering of configurable products directly via commerce is not supported.) When clicked, the associated KMAT is added to the inquiry section of the cart and the web configurator is launched with attributes copied from the variant. (See "Process Overview: Inquiries" for more information)
	Visual Product Finder icon shown for products have been set up with interactive images. When clicked, a screen will load, displaying images of the product with its sub-components indicated using hotspots.  (See "Navigation via Visual Product Finder" for more information)

Product Catalogue Screen

Products can be made visible in the Commerce portal for the relevant account users to browse. (See "Product Master Pre-Requisites" for more information) 

Users may browse the product catalogue in card or list views, according to their personal preference, by toggling the display button: 

Commerce System Administrators (see "Commerce User Management" for more information), can decide on the details to present in both/either the product card/list views. (See "Commerce Administration: Screen Configuration Maintenance" for more information)

Product Detail Page

While limited information is displayed on the product catalogue page, the product detail page in the Commerce portal is where users can find all product information available in the system, before placing an inquiry or order. Contents of the fields are read from the Product object in the Digital Sales Platform, where product images, attachments, and rich text descriptions of the products are maintained for a pleasant user experience on the Commerce portal. (See "Product Master Pre-Requisites" and "Product Modelling" for more information)

The following figure illustrates the information presented on the product detail page in the Commerce portal: 

The display of attributes and its labels can be customised through the Commerce Administration. (See "Commerce Administration: Screen Configuration Maintenance" for more information)

Users can click on the product image for a larger view. To ensure images are displayed in the right formats and sizes, optimised for a pleasant end-user experience, see "Recommended Image Sizes" for more information. 

Compare Variants

Material variants are often created and used for popular and fast-moving combinations of characteristic attributes, enabling businesses to make a stock strategy. Sales representatives can ensure their customers are presented with the closest options to choose between. Simplifying the process of selecting the right variant of a product, users can be more confident that they have made the best purchase after perusing the product catalogue and all relevant options. 

Setup of the product details is done in the Digital Sales Platform, where similar variants are linked to the same Configurable Material (KMAT) and preferably belong to the same main category. (See "Assistive Selling - Material Variant Finder" for more information)

Clicking 'Compare Variants' would bring up a list of comparable products. Users have the option to view the available products for comparison in grid or list view by toggling the display button: 

Up to 5 products can be selected for comparison at one time. Once the desired products have been selected, click on the 'Compare' button to navigate to the comparison page. 

On the comparison page, the product details are displayed side-by-side for easy evaluation of the differences in the technical specifications. Users can take action accordingly, to immediately place an order, or personalise the variant and make an inquiry. 

Related Products

Related products are shown in the ‘You May Also Like’ section at the bottom of the product detail page and variant comparison screen, suggesting relevant or recommended products based on the product that users are currently viewing. 

This can be useful in engaging customers to make additional purchases and can be configured to spike users' interest whilst they are browsing products. 

(See "Product Master Pre-Requisites" for more information)

Mapping of UoM and Sales unit

On Commerce, instead of base UoM, customer should see Sales UoM and its pricing.