> ## Documentation Index
> Fetch the complete documentation index at: https://help.kneadapp.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Your Online Menu — A Shoppable Product Catalog

> Your storefront's Products page shows a searchable, categorized menu of your bakes, with live pricing and a button that sends customers to your order form.

## Overview

Your **online menu** is the Products page of your storefront — a searchable, browsable catalog of what you bake. Customers can explore your products by category, open any item to see the details, build it with options and add-ons, and watch the price update live. When they're ready, one button takes them straight to your order form.

<img src="https://mintcdn.com/kneadapp/eWcPyxNkazs1aE7k/images/storefront-menu.png?fit=max&auto=format&n=eWcPyxNkazs1aE7k&q=85&s=269a7d180c1312efeb03fac3506efbd7" alt="A Knead storefront menu showing a grid of products grouped by category with photos and prices" width="2880" height="1800" data-path="images/storefront-menu.png" />

## Where It Lives

Your menu is at:

```
kneadapp.co/site/{your-slug}/products
```

Products are shown in a grid, grouped by **category** (Cakes, Cookies, Breads, and so on), with a **search** box so customers can jump straight to what they want.

## What Shows Up on Your Menu

Your menu doesn't automatically list everything in your catalog — you choose. A product appears on your storefront only when its **"Customers can request this"** toggle is turned on in the product form. Leave that toggle off for anything you make privately or don't want to advertise.

<Note>Good to know: To learn how to build products and flip on "Customers can request this," see [Building Your Product Catalog](/products-and-pricing/building-your-product-catalog).</Note>

### Product Badges

Products can carry a badge so customers know what to expect at a glance:

* **Seasonal** — an item you offer only part of the year.
* **Currently unavailable** — an inactive product, shown but not orderable right now.
* **Request a quote** — an inquiry-only product with no fixed price. See [Price Ranges & Inquiry-Only Products](/products-and-pricing/price-ranges-and-inquiry-only-products).

## The Product Detail Page

Tap any product to open its detail page at `/site/{slug}/products/{id}`. This is where a customer really gets to know a bake:

* A **photo gallery** of your product.
* The **description** you wrote.
* **Lead-time** and **minimum-order** notices, so expectations are clear up front.
* An interactive **options, add-ons, and quantity** picker with a **live price** that updates as they choose.

<img src="https://mintcdn.com/kneadapp/eWcPyxNkazs1aE7k/images/storefront-product-detail.png?fit=max&auto=format&n=eWcPyxNkazs1aE7k&q=85&s=a3400b4d4d1b7173ae5282d2714b42b0" alt="A storefront product detail page with a photo gallery, description, options picker, and live price" width="2880" height="1800" data-path="images/storefront-product-detail.png" />

For example, a customer viewing your six-inch celebration cake might pick a flavor, add a filling, choose gold-leaf detailing, and set the quantity — and the price climbs from \$45 as they go.

### Ordering From a Product

At the bottom of the detail page is the action button:

* **Order this** — for a normal product. It carries the customer's choices over to your order form.
* **Request a quote** — for inquiry-only products, so the customer can ask for a custom price.

Either way, the button hands off to your order form, where the customer finishes placing the request.

<Warning>There's no shopping cart or checkout on your storefront yet. Customers browse and build their item on the menu, then complete the order through your order form — not on the menu itself.</Warning>

## Related Articles

* [Your Online Storefront](/your-website/your-online-storefront)
* [Building Your Product Catalog](/products-and-pricing/building-your-product-catalog)
* [Price Ranges & Inquiry-Only Products](/products-and-pricing/price-ranges-and-inquiry-only-products)
* [Managing Your Website Pages](/your-website/managing-your-website-pages)
* [How The Board Works](/managing-orders/how-the-board-works)

***

*Still need help? [Contact us](mailto:hello@kneadapp.co)*
