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
Tablet screen capture
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.