Product Details Screen

The Product Details screen is displayed after the user taps on a product in the Search screen. The Product Details screen will also be displayed for an product when a user scans the barcode of a product in the database.

The Product Details screen contains the same information as found on the Search screen on top of additional information about the product; these include the full description of the product, an image of the product, its barcode number, its country of origin, and more. This screen can be vertically scrolled to reveal all of this information.

Moreover, users can specify the quantity of a product they want to order from the Product Details screen. They can tap the arrows to increment/decrement the amount, or they can tap on the number itself and edit the value directly.

There is a back button in the form of an arrow that will take users back to the Search screen. Additionally, there is a button that allows users to mark a product in their favorites list, allowing quick access to the product using the favorites filter on the Search screen.