Feature Pack 5 or later

Tutorial: Displaying a new object in the Aurora starter store that is managed through the Management Center tool.

Feature Pack 5 or laterThis tutorial shows you how to add a section, called Recipe, to the Aurora starter store.The section that you are creating uses the services that are provided by the Project service module that you created in Tutorial: Creating the Project BOD service module. You can refer to Tutorial: Adding a tool to Management Center as a reference.
When a shopper is browsing your store, the shopper can browse to a new Recipe section that contains recipes for foods such as Blueberry Muffins, or Rotisserie Beef.

In this tutorial, you learn how to create a section in the storefront and how to create a function to add a product into the shopping cart for a recipe.

Learning objectives

After completing this tutorial, you should be able to complete the following tasks:
  • Add a section to the Aurora starter store header
  • Modify CSS files
  • Use refresh area
  • Invoke AJAX services call

Time required

Expect this tutorial to take about 3 to 4 hours to complete.

Skill level



This tutorial is intended for WebSphere Commerce developers who are responsible for customizing the Aurora starter store.

System requirements

Before you begin this tutorial, ensure that you completed the following tasks:
  • Installed WebSphere Commerce Version 7 Feature Pack 5 or later
  • Installed WebSphere Commerce Developer
  • Installed the Java Emitter Template (JET) package
  • Downloaded and extracted the completed tutorial code into a temporary file folder, such as TutorialSource. You will be instructed to copy code from TutorialSource into your project, where TutorialSource is the location where you extracted the sample code.


Ensure that you completed the following tutorial: