Log into Hybris Foreground and select Digital Camera from the Product Catalog:

Click on a product to go to the detail page:

Notice the URL PDP(Product Detail Page) :

The detail page route is similar to the way we thought about Fiori:



The detail url https://localhost:9002/yacceleratorstorefront/electronics/en/Open-Catalogue/Cameras/Digital-Cameras/Digital-Compacts/DSC -h20 / P /1978440_blue response requests are handled under this controller in this folder:

web/src/controllers/pages/ProductPageController.java

According to @requestMapping annotation provided by SpringMVC, the current product number is automatically assigned to the productCode variable at Runtime. Then take out the data of the corresponding product through the similar way of CRM WebUI BOL Layer ->Genil Layer ->DB layer, and finally fill it into the model variable. This model variable is finally used to display the data on the JSP UI.

Take this picture:

Finally, the productCode variable is injected with the value 1978440_blue, right?

Search “1978440_green” under Backoffice products, you can see that “1978440_green” is productCode(Article Number) in the search result.

The product is a special product and if you click “1978440” in the search results and then jump to the “iPhone” TAB, you will see all the products in other colours will come out as “Product Variants”. This product is called VariantProduct. Its base product is “1978440”, although it has productcode, it does not appear in the front end. Only its Color Variant product can be displayed and purchased:

The product of Hybris also has the concept of variant. The same as the Product Model in CRM and ERP:

An example is the coffee maker, available in different colors, commercial or home, with 1 attachment or 2.

More of Jerry’s original articles can be found in “Wang Zixi” :