Tutorial: Customizing Commerce Composer widgets to display additional information
The catalog pages in the Aurora sample store use Commerce Composer layouts to allow business users to manage the content and structure of the pages. In this tutorial, the category page is reviewed to determine which widgets are used by default. Then, you customize one of the widgets to display additional information for it to display on the page. Specifically, you update the widget to display the manufacturer name of the product. The manufacturer name will also be a link which when clicked will display the search results page with a list of products belonging to the same brand.
Learning objectives
- Customize an existing widget using HCL Commerce Developer.
- Manage the widget using the Commerce Composer tool..
Time required
Expect this tutorial to take 4 - 5 hours to complete. The tutorial can take longer if you explore concepts that relate to this tutorial.Skill level
This tutorial is intended for advanced HCL Commerce developers who are responsible for customizing store pages. To complete this tutorial, ensure that you are familiar with the following terms and concepts:- Management Center framework
- Web services
- XML
- CSS
- Commerce Composer
- JSP and JSPF files
Prerequisites
Before you begin this tutorial, ensure that you complete the following task:Tutorial resources
You can download and review a compressed file that contains code samples similar to the code that is used in this tutorial. Download and extract this file to a temporary directory, denoted by composerwidget_tutorialSourceFiles.composerwidget_tutorialSourceFiles.zip.
In addition, you can download and review a compressed file that contains all the code changes that are applied in this tutorial, for reference:
composerwidget_tutorialSourceFiles_AppliedChangeInTutorial.zip.