Product Administration Guide > Customizable Product User Interface >

Understanding Product Themes


Product themes specify the style used to group items together on selection pages. You define which items appear on a page by defining groups in the Product UI Designer and adding products to the groups. Each group is displayed on a separate selection page.

Three basic product theme types are provided.

Tab Product Theme

The items in each group are displayed on a separate page, as shown in Figure 9. The Stereos group and the Options group each have a tab, and the user can move between pages by clicking the tab. A standard group of buttons, Save, Cancel, Done, and Finish It display above the tabs. A Red Star displays next to the title of the Stereos page to indicate that the user is required to choose an item and has not done so.

Figure 9. Tab Product Theme

Click for full size image

Wizard Product Theme

The items in each group are presented on separate pages, as shown in Figure 10. The Stereos group is displayed by itself as the first page in the sequence. A standard group of buttons, Save, Cancel, Done, and Finish It display above the page. A Red Star displays next to the title of the Stereos page to indicate that the user is required to choose an item and has not done so. Previous and Next buttons, located within the page, allow the user to move between pages.

Figure 10. Wizard Product Theme

Click for full size image

Single Page Product Theme

All the groups in the customizable product are presented on a single selection page, as shown in Figure 11. The tab pages used in the Tab theme and Wizard theme are stacked vertically one beneath the other to form the selection page. A standard group of buttons, Save, Cancel, Done, and Finish It display at the top of the selection page. A Red Star displays next to the title of the Stereos group to indicate that the user is required to choose an item and has not done so.

The top portion of the page, containing the product name and standard buttons, is not shown in the figure.

Figure 11. Single Page Product Theme

Click for full size image


 Product Administration Guide, Version 7.5 
 Published: 18 April 2003