Product detail and quick view
System pages: PDP_001 (page) · QV_001 (modal)
Live URLs: /<projectSlug>/p/:slug · /<projectSlug>/quick-view/:productSlug
1. What they are
Two ways to look at one product — a full page and a modal that keeps the shopper in the listing.
PDP_001 | QV_001 | |
|---|---|---|
| Display mode | page | modal |
| Reached by | A link or search | A quick-view control in a listing |
| Purpose | The full story | Decide without losing your place |
Quick view is a modal, not a page
QV_001 is the only storefront system page whose display_mode is modal. It has a route so it can
be addressed, but it is designed to open over a listing.
That matters for documentation and for testing: navigating straight to its URL is not how a customer meets it.
2. What fills them
Variations come from product attributes; price and stock come from the product.
3. Field reference
| Element | Comes from |
|---|---|
| Name, description, images | The product |
| Price | The product or its variation |
| Variation selector | Product attributes |
| Availability | Stock, and any schedule |
| Add to cart | The storefront cart |
4. The admin contract
| Prerequisite | Without it |
|---|---|
| A published product page | 404 |
| Product images | A bare listing |
| Attributes | No variation selector |
5. Downstream
Adding to cart leads to the cart and checkout.
6. Don't confuse this with…
| Thing | Where |
|---|---|
| Product detail | The storefront page |
| Product editor | Inventory |
| Package detail | PPDP_001 |
7. Troubleshooting
| Symptom | Cause |
|---|---|
| Quick view will not open from a URL | It is a modal, designed to open over a listing |
| No variations | The product has no attributes |
| Out of stock | Inventory stock, or no schedule for today |