×
Menu

1.2.1.2. Results View - Product Detail

 
The Product Detail Window pops up any time the user clicks directly on a product displayed in the Picture Box results view, or they click on the Information icon in either the Picture Box- or Text List-Results View. It contains detailed information about the product and links to any related products that are available.
 
Only in this Search Results context, the Product Detail Window also allows the user to add trays of the specific product. They can adjust the count of trays up or down as required using the - (minus) and + (plus) buttons or simply entering the number of trays they want directly into the number/count of product trays field. Once they're satisfied with the number of trays they want in the current order, they can then add that number of trays of that product into the cart by clicking on the Add to Cart button.
 
The Related Products give the user a hyperlink to each related product so they can switch to that product directly and add those trays to their cart if they so wish.
 
1.2.1.2. Results View - Product Detail
    
1

Application

Back Button

1. Application
Back Button
This is the position of the Back Button for this application. No matter what image may be displayed, it always overlays the Back button when in this position.
Users are strongly advised to use only this to step back through the online ordering system, and not use the browser's back button.
2

Product Detail

Window

2. Product Detail
Window
This is the product details view that is shown as a modal popup here, and in the Order (Cart) View.
3

Product Detail

Picture

3. Product Detail 
Picture
A close-up picture of the product that shows its features in fine detail.
4

Extended  Product

Search Filters

4. Extended  Product 
Search Filters
Opens up the filter menu to allow the user specify the extended filters that should apply to the current Search Results, and to have precise control over what they want to see.
5

Menu

Open / Close

5. Menu 
Open / Close
Displays or hides the short menu of links that this application provides for the user to navigate back and forth around the mobile web application.
6

Details Tab

Display

6. Details Tab 
Display
This holds the Detailed Description of the product, and is displayed if the user clicks on the Detailed Description tab in the Product Detail modal popup.
7

Related Products

Tab Display

7. Related Products 
Tab Display
This shows any related products to the one in detailed display mode, and provides the user with hyperlinks to go to said related products detailed views directly if that's what they desire to do. From there, the user can choose to add that product in whatever quantity they desire to their cart.
8

Product Ordering

Tab Display

8. Product Ordering 
Tab Display
This where the user can add this product to their cart in the quantities they choose, merely by clicking the Add to Cart button. They can adjust the quantity they wish to order by using the + and - buttons, before clicking on the Add to Cart button.
9

Add Product Tray

Quantity To Cart

9. Add Product Tray 
Quantity To Cart
Adds the non-zero and positive count of product trays to the cart. Repeated clicking of the Add to Cart button increases the count of trays added to the user's cart by the count in the Tray Count Edit control.
10

Increment Product Tray

Order Quantity

10. Increment Product Tray 
Order Quantity
Increment the Tray Count currently in the Count of Product Trays by 1. All numbers zero and less than are simply ignored.
11

Product Tray

Order Quantity

11. Product Tray 
Order Quantity
Numeric display of the quantity of product trays the user intends to add to the cart.
12

Decrement Product Tray

Order Quantity

12. Decrement Product Tray
Order Quantity
Decrement the Tray Count currently in the Count of Product Trays by 1. If there is only 1 tray selected, the count does not decrement further. Directly typing in the Count of Product Trays edit box to add negative numbers does not decrement the total tray count in the user's Cart (list of products currently on the order) when the user clicks on the Add To Cart button. All numbers zero and less than are simply ignored.
13

Order Tab

13. Order Tab
When displayed as part of the Product Search Results, this tab allows the user to add the desired quantity of trays of the product to their cart.
14

Related

Products Tab

14. Related 
Products Tab
When opened, displays any related products with a hyperlink to enable the user to jump directly to that product and add it to their cart if they so wish.
15

Detailed

Description Tab

15. Detailed 
Description Tab
When opened, displays the full and complete details of the product.
The help manual was created with Dr.Explain