Feature Pack 4 or later

Mobile Web starter stores product details page

The product details page is the main area where single products are viewed by customers. Product information and pictures are large and clear on the page, enabling customers to easily research the product on mobile devices. Customers can add the product to their shopping cart or shopping list, select a product to compare, check the product availability, and read product reviews directly on the product details page. The tablet storefront also contains a product details popup when tapping a product.

Screen captures

The product details page is available on both smart phone and tablet devices.

Smart phone screen capture

Feature Pack 5Feature Pack 4
Smart phone product details page
Feature Pack 6 or later
Smart phone product details page

Tablet screen capture

Feature Pack 5Feature Pack 4
Tablet product details page

Tablet product details page

Elements of the product details page

The product details page contains the following page elements:

JSP files

  • ProductDisplay.jsp represents the mobile and tablet page.

Buttons

  • When Add to Cart is tapped, OrderChangeServiceItemAdd is called.
  • When Add to Shopping List is tapped, InterestItemAdd is called.
  • When Compare is tapped, ProductCompareResultDisplay is called.