Product Details

The product details page is the main page where single products are viewed by the customer.Products are displayed with their picture, name, description, and price. The product picture is much larger on the product details page than it is on other Elite starter store pages, enabling the customer to observe the product picture in more detail. Customers can select which contract to apply to the product, and add the product to the current order. They can also add the product to the compare zone, and new or existing requisition lists without leaving the product details page.

Elements of the Product Details page

Full size screen capture

JSP files

ProductDisplay.jsp represents the entire page.
Includes:
- CachedProductOnlyDisplay.jsp, which represents the area containing the product image, description, price, and options in the screen capture.
  Includes:
  - 2 CatalogEntryPriceDisplay.jspf displays the product's price.
  - 3 CachedProductOnlyImageExt.jspf is an extension located below the product image.
  - 4 B2BCatentryContractSelectExt.jspf displays the available contracts that the customer can apply to the product when adding the product to an order.
  - 10 MerchandisingAssociationsDisplay.jsp displays merchandising information.
  - 11 CachedProductOnlyTabsExt.jspf is an extension enabling additional tabs.
    Includes:
    
    CachedProductOnlyTabPanesExt.jspf, which populates the tabs with content.
  - 12 CachedProductOnlyButtonExt.jspf is an extension enabling additional buttons.

Note: The preceding JSP files are based on products of type ProductBean. They reflect this by containing the word Product within their file names. If a catalog entry is of type ItemBean, BundleBean, or PackageBean, then the file name reflects the catalog entry type. For example, if a catalog entry is of type ItemBean, CachedItemOnlyDisplay.jsp represents the area containing the item (SKU) image, description, price, and options.

e-Marketing Spots

There are no e-Marketing Spots on the Product Details page.

Store functions

1 Product drag-and-drop can be enabled or disabled.
5 AJAX shopping cart can be enabled or disabled.
6 Product comparison can be enabled or disabled.
7 Wish list can be enabled or disabled.

Note: Options enable you to customize the features in your store. See Elite starter store functions for a list of the features enabled by default in the Elite starter store.

Links and buttons

5 When the Add to Order button is clicked:
- AjaxOrderChangeServiceItemAdd is called if AJAX shopping cart support is enabled.
  - Double-click handling is implemented using JavaScript to prevent multiple requests from being sent.
  - The cursor_wait() method is called and displays the progress bar.
- OrderChangeServiceItemAdd is called if AJAX shopping cart support is disabled.
  - Double-click handling is implemented using JavaScript to prevent multiple requests from being sent.
6 When Add to Compare is clicked, CompareProductsDisplay is called.
7 When Add to Wish List is clicked:
- AjaxInterestItemAdd is called if AJAX shopping cart is enabled.
  - Double-click handling is implemented using JavaScript to prevent multiple requests from being sent.
  - The cursor_wait() method is called and displays the progress bar.
- InterestItemAdd is called if AJAX shopping cart is disabled.
  - Double-click handling is implemented using JavaScript to prevent multiple requests from being sent.
8 When Add to new Requisition List is clicked, RequisitionListPopupDisplay is called.
9 When Add to existing Requisition List is clicked, RequisitionListPopupDisplay is called.

Note: The recommended debugging tool for the Elite starter store is Mozilla Firefox with the Firebug add-on. For more information about debugging in the Elite starter store, see Debugging Dojo in the Elite starter store .