# Catalog Page

## Catalog Page

The Catalog can be accessed by clicking on the `Catalog` button on the bottom tab of the BOPIS app. It displays a list of all the products available for store pickup on the e-commerce platform, and it can be used to search for products, view product details, and their check inventory availability.

#### Search Product

The users can search for a specific product within the catalog by entering the product name or product ID in the `Search` bar located at the top of the Catalog page.

#### View Product Details

The parent product name is visible on the BOPIS App Catalog page to help with product identification. On clicking any specific product card, the users will be redirected to the Product Details page. The Product Details page provides an overview of the product, including its image, available variants, and their respective inventory across all the associated facilities. By clicking on the stock quantity button next to the “Other stores” option, a pop-up window will appear displaying the inventory for that product in the other facilities.

<figure><img src="/files/jzYcg1Ko0f6kLD6s0BKl" alt=""><figcaption><p>Image: Catalog Page</p></figcaption></figure>

## Product Details Page Overview

The Product Details Page provides in-depth information on individual products. It not only showcases core product attributes like available sizes, colors, and Product ID but also highlights real-time availability insights.

### Key metrics include

* **Quantity on Hand**: The total stock available in store at any given time.
* **Safety Stock**: Buffer inventory to prevent stockouts.
* **Order Reservations**: Quantities reserved for pending orders.
* **Available to Promise (ATP)**: The quantity available for online orders

Additionally, the system provides information on inventory availability across various facilities, ensuring that customers can be provided information about the product availability across all the stores.

<figure><img src="/files/G8dxprSXlyNr42qOYfxc" alt="" width="563"><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.hotwax.co/documents/store-operations/orders/bopis/catalog-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.